diff options
Diffstat (limited to 'themes/tabi-lean/sass/parts/_quick_navigation_buttons.scss')
| -rw-r--r-- | themes/tabi-lean/sass/parts/_quick_navigation_buttons.scss | 126 |
1 files changed, 0 insertions, 126 deletions
diff --git a/themes/tabi-lean/sass/parts/_quick_navigation_buttons.scss b/themes/tabi-lean/sass/parts/_quick_navigation_buttons.scss deleted file mode 100644 index 768592f..0000000 --- a/themes/tabi-lean/sass/parts/_quick_navigation_buttons.scss +++ /dev/null @@ -1,126 +0,0 @@ -#button-container { - display: flex; - position: fixed; - right: 2rem; - bottom: 2rem; - flex-direction: column; - gap: 0.6rem; - z-index: 2; // Above "copy-code" buttons. Important for the ToC. - - #toc-button, - #comments-button, - #top-button { - display: flex; - justify-content: center; - align-items: center; - z-index: 2; - cursor: pointer; - border: none; - border-radius: 50%; - background-color: var(--bg-1); - padding: 0.4rem; - width: 1rem; - height: 1rem; - text-align: center; - - &:hover { - background-color: var(--bg-3); - - svg { - fill: var(--primary-color); - } - - &::before { - background-color: transparent; - } - } - - svg { - fill: var(--text-color); - width: 1rem; - height: 1rem; - } - } - - #toc-floating-container { - - $padding-vertical: 0.7rem; - $padding-horizontal: 1rem; - - #toc-button { - position: relative; - z-index: 2; - } - - .toc-container { - margin: 0; - margin-top: $padding-vertical; - max-width: 80vw; - } - - .toc-content { - display: none; - position: absolute; - right: 0; - bottom: 100%; - z-index: 2; - margin-block-end: $padding-vertical; - box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; - border: 1px solid var(--divider-color); - border-radius: 5px; - background-color: var(--background-color); - padding-inline-end: $padding-horizontal; - max-height: 70vh; - overflow-y: auto; - font-size: 0.8rem; - text-align: start; - white-space: nowrap; // Prevents wrapping, allowing content to define width. - - ul { - padding-inline-start: $padding-horizontal; - list-style: none; - } - } - - .toggle { - display: none; - - &:checked { - - + .overlay, - + .overlay + #toc-button + .toc-content { - display: block; - } - - + .overlay + #toc-button svg { - fill: var(--primary-color); // Show the ToC icon as toggled. - } - } - } - - .overlay { - display: none; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 40%; - z-index: 1; // Lower than the Table of Contents - background: var(--background-color); - } - - } -} - -@media (max-width: 700px) { - #button-container { - display: none !important; - } -} - -@media print { - #button-container { - display: none; - } -} |
