Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
106 changes: 16 additions & 90 deletions docs/assets/material-style.css
Original file line number Diff line number Diff line change
Expand Up @@ -50,12 +50,6 @@

--top-app-bar-height: 4.5rem;
--top-app-bar-padding-vertical: .5rem;
--top-app-bar-table-cell-gutter: 1.5rem;
--top-app-bar-search-icon-width: 4rem;
--top-app-bar-search-padding-inset: 1.5rem;
--top-app-bar-search-padding-inset-mobile: 1rem;
--top-app-bar-search-font-size: 1.125rem;
--top-app-bar-search-font-size-mobile: 1rem;
--footer-height: 3.5rem;

--safe-area-inset-top: env(safe-area-inset-top);
Expand Down Expand Up @@ -109,12 +103,13 @@ img {
overflow: hidden;
box-sizing: border-box;
padding: 1.75rem;
margin-bottom: 1.75rem;
border-radius: 28px;
background-color: var(--md-sys-color-surface);
}
.page-menu {
height: fit-content;
padding: 0.75rem 1.75rem;
padding: 1.25rem 1.75rem;
border-radius: 28px;
background-color: var(--md-sys-color-surface);
}
Expand All @@ -133,92 +128,30 @@ img {
word-break: break-all;
}
.tsd-page-toolbar {
padding: var(--top-app-bar-padding-vertical) 0;
height: calc(var(--top-app-bar-height) - 16px);
padding: 1rem 0;
background-color: var(--color-background);
border-bottom: none;
}
.tsd-page-toolbar .tsd-toolbar-contents {
height: 56px;
}
.tsd-page-toolbar .table-cell {
height: 56px;
padding-left: var(--top-app-bar-table-cell-gutter);
}
.tsd-page-toolbar .tsd-toolbar-icon {
padding: 20px 0;
}
#tsd-search {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
line-height: 56px;
border-radius: 22px;
padding-right: var(--top-app-bar-search-icon-width);
box-sizing: border-box;
padding-left: 0;
margin-left: var(--top-app-bar-table-cell-gutter);
max-width: calc(100% - var(--top-app-bar-table-cell-gutter) - var(--top-app-bar-table-cell-gutter));
border-radius: 38px;
}
#tsd-search .field,
#tsd-search .field label,
#tsd-search .field #tsd-toolbar-links {
position: relative;
top: unset;
right: unset;
bottom: unset;
left: unset;
}
#tsd-search .field {
position: relative;
flex: 0 0 0;
}
#tsd-search .field:first-child {
display: flex;
flex-direction: row-reverse;
width: 100%;
position: absolute;
left: 0;
}
#tsd-search.has-focus .field:first-child {
z-index: 2;
#tsd-search-input {
border-radius: 22px;
}
#tsd-search .field label,
#tsd-search .field .tsd-toolbar-icon {
height: 100%;
margin: 0 auto;
#tsd-search-input:focus-visible {
background-color: var(--color-accent);
}
#tsd-search .field .tsd-toolbar-icon {
display: flex;
justify-content: center;
flex: none;
}
#tsd-search .field .tsd-widget.no-caption {
width: var(--top-app-bar-search-icon-width);
}
#tsd-search .field input {
padding: var(--top-app-bar-search-padding-inset);
font-size: var(--top-app-bar-search-font-size);
top: calc(-100% - var(--top-app-bar-padding-vertical) - var(--safe-area-inset-top));
}
#tsd-search .results {
z-index: -1;
top: calc(56px - 22px);
left: 0;
padding-top: 22px;
box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.125);
background-color: var(--color-background-secondary);
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
overflow: hidden;
}
#tsd-search .results li {
#tsd-search-results > li {
background: none;
}
#tsd-search .results a {
padding: 1rem 0.25rem;
#tsd-toolbar-menu-trigger,
#tsd-search-trigger {
border-radius: 50%;
}
.col-sidebar {
html:not(.has-menu) .col-sidebar {
padding-top: 0;
margin-right: 1rem;
}
Expand All @@ -243,6 +176,9 @@ img {
text-decoration: none;
background-color: var(--md-sys-color-surface-container-high);
}
.page-menu .tsd-accordion-summary {
margin-bottom: 0.5rem;
}
.page-menu .tsd-accordion-summary svg {
position: absolute;
right: 0;
Expand Down Expand Up @@ -295,16 +231,6 @@ img {
}

@media (max-width: 769px) {
#tsd-search {
max-width: calc(100% - var(--top-app-bar-search-icon-width) - var(--top-app-bar-table-cell-gutter));
}
#tsd-search .field input {
font-size: var(--top-app-bar-search-font-size);
padding: var(--top-app-bar-search-padding-inset-mobile);
}
.container {
padding: 1rem;
}
.col-sidebar {
margin-right: 0;
}
Expand Down
2 changes: 1 addition & 1 deletion docs/functions/index.bgBlack.html
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@
--md-sys-color-surface-container-high: #e6e9e8;
--md-sys-color-surface-container-highest: #e0e3e2
}
</style><link rel="stylesheet" href="../assets/material-style.css"></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"></div><div class="field"><div id="tsd-toolbar-links"><a href="https://kabeep.github.io/palette/">Docs</a><a href="https://github.com/kabeep/palette">GitHub</a><a href="https://www.npmjs.com/package/@kabeep/palette">NPM</a></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">@kabeep/palette - v1.1.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">@kabeep/palette</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.bgBlack.html">bgBlack</a></li></ul><h1>Function bgBlack</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="bgBlack" class="tsd-anchor"></a><span class="tsd-kind-call-signature">bg<wbr>Black</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">input</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><a href="#bgBlack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">input</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/kabeep/palette/blob/0320b087ff5009e979e5082e235b542ad9811035/src/modules/background.ts#L8">modules/background.ts:8</a></li></ul></aside></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked=""><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://kabeep.github.io/palette/" class="tsd-nav-link">Docs</a><a href="https://github.com/kabeep/palette" class="tsd-nav-link">GitHub</a><a href="https://www.npmjs.com/package/@kabeep/palette" class="tsd-nav-link">NPM</a></nav><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>@kabeep/palette</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div><script>
</style><link rel="stylesheet" href="../assets/material-style.css"></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"></div><div class="field"><div id="tsd-toolbar-links"><a href="https://kabeep.github.io/palette/">Docs</a><a href="https://github.com/kabeep/palette">GitHub</a><a href="https://www.npmjs.com/package/@kabeep/palette">NPM</a></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">@kabeep/palette - v1.1.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">@kabeep/palette</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.bgBlack.html">bgBlack</a></li></ul><h1>Function bgBlack</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="bgBlack" class="tsd-anchor"></a><span class="tsd-kind-call-signature">bg<wbr>Black</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">input</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><a href="#bgBlack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">input</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/kabeep/palette/blob/6b4130c09e158a297846f078b6d916b7d2e7fe8f/src/modules/background.ts#L8">modules/background.ts:8</a></li></ul></aside></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked=""><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://kabeep.github.io/palette/" class="tsd-nav-link">Docs</a><a href="https://github.com/kabeep/palette" class="tsd-nav-link">GitHub</a><a href="https://www.npmjs.com/package/@kabeep/palette" class="tsd-nav-link">NPM</a></nav><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>@kabeep/palette</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div><script>
try {
const generateLinkElement = document.querySelector(".tsd-generator a");
const link = document.createElement("a");
Expand Down
Loading