jekyll-theme-zer0 1.19.1 → 1.20.2

data/_sass/core/_sidebar-extras.scss

@@ -0,0 +1,79 @@
+// ============================================================================
+
+// Sidebar / TOC extras — active states + cookie-banner & back-to-top shims
+
+// ----------------------------------------------------------------------------
+
+// Extracted from custom.scss (Phase 5). Kept at the custom-layer slot (not
+
+// merged into core/_sidebar-categories.scss) because some selectors overlap
+
+// rules defined earlier; staying here preserves the override order.
+
+// ============================================================================
+
+// Sidebar / docs layout: _sass/core/_docs-layout.scss
+
+// ==============================================================================
+// SIDEBAR & TOC ENHANCEMENTS
+// ==============================================================================
+
+// MOVED → _sass/layouts/_navbar-extras.scss (token-aware FAB stacking)
+// MOVED → _sass/components/_cookie-banner.scss (token-aware, dark-mode-safe)
+// Retained shim: keep stacked-button responsive sizing inside the banner
+// because it is a banner-internal concern, not a banner-shell concern.
+.cookie-consent-banner {
+    @media (max-width: 768px) {
+        .btn {
+            width: 100%;
+            margin-bottom: 0.5rem;
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+}
+
+// Active TOC link highlighting
+.bd-toc nav a.active {
+    font-weight: 600;
+    background-color: rgba(var(--bs-primary-rgb), 0.1);
+    border-left-color: var(--bs-primary) !important;
+}
+
+// Smooth scroll behavior is declared once below (see "Smooth Scroll Enhancement")
+
+// Category sidebar active state (nav-tree--categories)
+.nav-tree--categories .sidebar-categories-link.active {
+    font-weight: var(--zer0-font-weight-medium);
+    background-color: color-mix(in srgb, var(--zer0-color-primary) 10%, transparent);
+    color: var(--zer0-color-primary);
+}
+
+// Improve sidebar link hover states
+.bd-sidebar .list-group-item:hover,
+.bd-sidebar .list-group-item-action:hover {
+    background-color: rgba(var(--bs-primary-rgb), 0.05);
+    transition: background-color 0.2s ease;
+}
+
+// ==============================================================================
+// https://designkojo.com/add-ellipse-truncated-text-css-single-line-and-multi-line-options
+
+
+// MOVED → _sass/components/_back-to-top.scss (token-aware version)
+// Retained shim: keep the initial `display: none` (JS toggles it on scroll)
+// and the text/arrow label swap, which are content-level concerns the
+// component partial doesn't need to know about.
+#backToTopBtn {
+    display: none;
+
+    .text { display: inline-block; }
+    .arrow { display: none; }
+
+    @media (max-width: 600px) {
+        .text { display: none; }
+        .arrow { display: inline-block; }
+    }
+}

data/_sass/core/_toc.scss

@@ -0,0 +1,87 @@
+// ============================================================================
+
+// Table of contents — #TableOfContents + .toc sticky sidebar + collapse
+
+// ----------------------------------------------------------------------------
+
+// Extracted from custom.scss (Phase 5).
+
+// ============================================================================
+
+#TableOfContents {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    // white-space: nowrap;
+}
+
+.toc {
+    grid-area: toc;
+    padding-top: 5rem;
+    top: 0;
+    right: 5rem;
+}
+
+
+@media (min-width: 992px) {
+    .toc {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 5rem;
+        right: 5rem;
+        z-index: 2;
+        height: calc(100vh - 7rem);
+        overflow-y: auto
+    }
+}
+
+.toc nav {
+    font-size: .875rem
+}
+
+.toc nav ul {
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none
+}
+
+.toc nav ul ul {
+    padding-left: 1rem;
+    margin-top: .25rem
+}
+
+.toc nav li {
+    margin-bottom: .25rem
+}
+
+.toc nav a {
+    color: inherit
+}
+
+.toc nav a:not(:hover) {
+    text-decoration: none
+}
+
+.toc nav a code {
+    font: inherit
+}
+
+.toc-toggle {
+    display: flex;
+    align-items: center
+}
+
+
+@media (max-width: 989.98px) {
+    .toc-collapse nav {
+        padding:1.25rem;
+        background-color: var(--bs-tertiary-bg);
+        border: 1px solid var(--bs-border-color);
+        border-radius: var(--bs-border-radius)
+    }
+}
+
+@media (min-width: 990px) {
+    .toc-collapse {
+        display:block !important
+    }
+}

data/_sass/core/_variables.scss

@@ -2,135 +2,13 @@
    Variables
    ========================================================================== */
 
-/*
-   Typography
-   ========================================================================== */
-
-$doc-font-size: 16 !default;
-
-/* paragraph indention */
-$paragraph-indent: false !default; // true, false (default)
-$indent-var: 1.3em !default;
-
-/* system typefaces */
-$serif: Georgia, Times, serif !default;
-$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
-  "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
-$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
-
-/* sans serif typefaces */
-$sans-serif-narrow: $sans-serif !default;
-$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
-
-/* serif typefaces */
-$georgia: Georgia, serif !default;
-$times: Times, serif !default;
-$bodoni: "Bodoni MT", serif !default;
-$calisto: "Calisto MT", serif !default;
-$garamond: Garamond, serif !default;
-
-$global-font-family: $sans-serif !default;
-$header-font-family: $sans-serif !default;
-$caption-font-family: $serif !default;
-
-/* type scale */
-$type-size-1: 2.441em !default; // ~39.056px
-$type-size-2: 1.953em !default; // ~31.248px
-$type-size-3: 1.563em !default; // ~25.008px
-$type-size-4: 1.25em !default; // ~20px
-$type-size-5: 1em !default; // ~16px
-$type-size-6: 0.75em !default; // ~12px
-$type-size-7: 0.6875em !default; // ~11px
-$type-size-8: 0.625em !default; // ~10px
-
-/* headline scale */
-$h-size-1: 1.563em !default; // ~25.008px
-$h-size-2: 1.25em !default; // ~20px
-$h-size-3: 1.125em !default; // ~18px
-$h-size-4: 1.0625em !default; // ~17px
-$h-size-5: 1.03125em !default; // ~16.5px
-$h-size-6: 1em !default; // ~16px
-
-/*
-   Colors
-   ========================================================================== */
-
-$gray: #7a8288 !default;
-$dark-gray: mix(#000, $gray, 50%) !default;
-$darker-gray: mix(#000, $gray, 60%) !default;
-$light-gray: mix(#fff, $gray, 50%) !default;
-$lighter-gray: mix(#fff, $gray, 90%) !default;
-
-$background-color: #fff !default;
-$code-background-color: #fafafa !default;
-$code-background-color-dark: $light-gray !default;
-$text-color: $dark-gray !default;
-$muted-text-color: mix(#fff, $text-color, 20%) !default;
-$border-color: $lighter-gray !default;
-$form-background-color: $lighter-gray !default;
-$footer-background-color: $lighter-gray !default;
-
-$primary-color: #6f777d !default;
-$success-color: #3fa63f !default;
-$warning-color: #d67f05 !default;
-$danger-color: #ee5f5b !default;
-$info-color: #3b9cba !default;
-$focus-color: $primary-color !default;
-$active-color: mix(#fff, $primary-color, 80%) !default;
-
-/* YIQ color contrast */
-$yiq-contrasted-dark-default: $dark-gray !default;
-$yiq-contrasted-light-default: #fff !default;
-$yiq-contrasted-threshold: 175 !default;
-$yiq-debug: false !default;
-
-/* links */
-$link-color: mix(#000, $info-color, 20%) !default;
-$link-color-hover: mix(#000, $link-color, 25%) !default;
-$link-color-visited: mix(#fff, $link-color, 15%) !default;
-$masthead-link-color: $primary-color !default;
-$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
-$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
-
-/* notices */
-$notice-background-mix: 80% !default;
-$code-notice-background-mix: 90% !default;
-
-// Base16 syntax palette: see core/_syntax.scss (single source).
-
-/*
-   Breakpoints
-   ========================================================================== */
-
-$small: 600px !default;
-$medium: 768px !default;
-$medium-wide: 900px !default;
-$large: 1024px !default;
-$x-large: 1280px !default;
-$max-width: $x-large !default;
-
-/*
-   Grid
-   ========================================================================== */
-
-$right-sidebar-width-narrow: 200px !default;
-$right-sidebar-width: 300px !default;
-$right-sidebar-width-wide: 400px !default;
-
-/*
-   Other
-   ========================================================================== */
-
-$border-radius: 4px !default;
-$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
-$nav-height: 2em !default;
-$nav-toggle-height: 2rem !default;
-$navicon-width: 1.5rem !default;
-$navicon-height: 0.25rem !default;
-$global-transition: all 0.2s ease-in-out !default;
-$intro-transition: intro 0.3s both !default;
-
-
+// Bootstrap `!default` override surface for a from-source Bootstrap build (see
+// assets/css/theme-npm-entry.scss / `npm run css:bootstrap`). The legacy
+// "Minimal Mistakes" heritage variables (type scales, $gray/$primary-color
+// palette, $small/$medium breakpoints, $right-sidebar-width, $nav-* sizes) and
+// the unused `$bd-*` Local-docs colors were removed — they were dead (consumed
+// by nothing) and predated the --zer0-* token layer, which is now the single
+// source of design tokens. See _sass/tokens/* and _sass/theme/*.
 
 // scss-docs-start border-variables
 $border-width:                1px !default;
@@ -391,19 +269,6 @@ $container-max-widths: (
 
 $variable-prefix:             bs- !default;
 
-// stylelint-disable scss/dollar-variable-default
-
-// Local docs variables
-$bd-purple:        #563d7c;
-$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
-$bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list
-$bd-dark:          #2a2730;
-$bd-download:      #ffe484;
-$bd-info:          #5bc0de;
-$bd-warning:       #f0ad4e;
-$bd-danger:        #d9534f;
-$dropdown-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
-$sidebar-collapse-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='none' stroke='rgba(0,0,0,.5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/></svg>");
 
 
 // scss-docs-start navbar-theme-variables