maverick-wave 4.9.4 → 4.10.0

package/maverick-wave.min.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--mw-header-height) + .75rem);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--mw-page-background)}body:has(.mw-modal-open){overflow:hidden;height:100vh}a{text-decoration:none;color:var(--mw-text-muted-color);transition:var(--mw-transition)}ul{list-style:none}hr{margin:.5rem 0;color:var(--mw-text-muted-color)}img{max-width:100%;height:auto;display:block}button{background:none;border:none;cursor:pointer}button,input,textarea{font-family:inherit}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--mw-border);padding:.2rem .35rem;text-align:left}th{background:var(--mw-primary-color);color:var(--mw-primary-accent-text-color)}tbody tr:nth-child(2n){background:var(--mw-gray-background)}:root{--mw-primary-color:#1031bb;--mw-primary-color-hover:color-mix(in hsl, var(--mw-primary-color), #000 15%);--mw-primary-background:color-mix(in srgb, var(--mw-primary-color) 30%, #0000);--mw-primary-background-hover:color-mix(in srgb, var(--mw-primary-color) 50%, #0000);--mw-primary-info-background:var(--mw-primary-background);--mw-secondary-color:#bb5710;--mw-secondary-color-hover:color-mix(in hsl, var(--mw-secondary-color), #000 15%);--mw-secondary-background:color-mix(in srgb, var(--mw-secondary-color) 30%, #0000);--mw-secondary-background-hover:color-mix(in srgb, var(--mw-secondary-color) 50%, #0000);--mw-secondary-info-background:var(--mw-secondary-background);--mw-accent-text-color:#f2f6fc;--mw-primary-accent-text-color:var(--mw-accent-text-color);--mw-secondary-accent-text-color:var(--mw-accent-text-color);--mw-gray-color:#6e6e78;--mw-gray-background:color-mix(in srgb, var(--mw-gray-color) 20%, #0000);--mw-surface-muted:var(--mw-gray-background);--mw-overlay-background:color-mix(in srgb, var(--mw-gray-color) 60%, #0000);--mw-section-alternate-pattern:color-mix(in srgb, var(--mw-gray-color) 30%, #0000);--mw-form-elements-background:#f4f7fb;--mw-form-elements-color:color-mix(in hsl, var(--mw-light-text-color), #000 18%);--mw-success-color:#157f1a;--mw-success-color-hover:color-mix(in hsl, var(--mw-success-color), #000 15%);--mw-success-info-background:color-mix(in srgb, var(--mw-success-color) 30%, #0000);--mw-success-info-background-hover:color-mix(in srgb, var(--mw-success-color) 50%, #0000);--mw-success-accent-text-color:var(--mw-accent-text-color);--mw-warning-color:#d1bb21;--mw-warning-color-hover:color-mix(in hsl, var(--mw-warning-color), #000 15%);--mw-warning-info-background:color-mix(in srgb, var(--mw-warning-color) 30%, #0000);--mw-warning-info-background-hover:color-mix(in srgb, var(--mw-warning-color) 50%, #0000);--mw-warning-accent-text-color:var(--mw-accent-text-color);--mw-danger-color:#d41708;--mw-danger-color-hover:color-mix(in hsl, var(--mw-danger-color), #000 15%);--mw-danger-info-background:color-mix(in srgb, var(--mw-danger-color) 30%, #0000);--mw-danger-info-background-hover:color-mix(in srgb, var(--mw-danger-color) 50%, #0000);--mw-danger-accent-text-color:var(--mw-accent-text-color);--mw-info-color:#0780ca;--mw-info-color-hover:color-mix(in hsl, var(--mw-info-color), #000 15%);--mw-info-info-background:color-mix(in srgb, var(--mw-info-color) 30%, #0000);--mw-info-info-background-hover:color-mix(in srgb, var(--mw-info-color) 50%, #0000);--mw-info-accent-text-color:var(--mw-accent-text-color);--mw-header-background:color-mix(in srgb, var(--mw-primary-color) 16%, #000);--mw-header-text-color:color-mix(in hsl, var(--mw-primary-color), #fff 92%);--mw-header-navbar-list-color:color-mix(in srgb, var(--mw-header-text-color) 70%, #0000);--mw-header-navbar-list-active-color:color-mix(in hsl, var(--mw-primary-color), #fff 35%);--mw-header-burgerbutton-color:var(--mw-primary-accent-text-color);--mw-header-burgerbutton-open-color:var(--mw-secondary-accent-text-color);--mw-header-border:color-mix(in srgb, var(--mw-header-navbar-list-active-color) 40%, #0000);--mw-dark-page-background:#171f30;--mw-dark-hero-image-filter:brightness(0.7);--mw-dark-card-background:oklch(from var(--mw-dark-page-background) calc(l * 0.85) calc(c * 0.85) h);--mw-dark-footer-background:oklch(from var(--mw-dark-page-background) calc(l * 0.75) calc(c * 0.75) h);--mw-dark-border:oklch(from var(--mw-dark-page-background) calc(l * 1.35) calc(c * 1.35) h);--mw-dark-shadow:color-mix(in srgb, var(--mw-dark-text-color) 30%, #0000);--mw-dark-text-color:#f0eef9;--mw-dark-text-muted-color:color-mix(in oklab, oklch(0.7 0 0), var(--mw-primary-color) 23%);--mw-dark-primary-text-color:oklch(from var(--mw-primary-color) max(l, 0.4) c h);--mw-dark-secondary-text-color:oklch(from var(--mw-secondary-color) max(l, 0.4) c h);--mw-dark-success-text-color:oklch(from var(--mw-success-color) max(l, 0.4) c h);--mw-dark-warning-text-color:oklch(from var(--mw-warning-color) max(l, 0.4) c h);--mw-dark-danger-text-color:oklch(from var(--mw-danger-color) max(l, 0.4) c h);--mw-dark-info-text-color:oklch(from var(--mw-info-color) max(l, 0.4) c h);--mw-dark-border-accent:color-mix(in srgb, var(--mw-dark-primary-text-color) 70%, #0000);--mw-light-page-background:#e7e7f0;--mw-light-hero-image-filter:brightness(1.1);--mw-light-card-background:oklch(from var(--mw-light-page-background) calc(l * 1.05) calc(c * 1.05) h);--mw-light-footer-background:oklch(from var(--mw-light-page-background) calc(l * 0.95) calc(c * 0.95) h);--mw-light-border:oklch(from var(--mw-light-page-background) calc(l * 0.8) calc(c * 0.8) h);--mw-light-shadow:color-mix(in srgb, var(--mw-light-text-color) 30%, #0000);--mw-light-text-color:#131925;--mw-light-text-muted-color:color-mix(in oklab, oklch(0.5 0 0), var(--mw-primary-color) 23%);--mw-light-primary-text-color:oklch(from var(--mw-primary-color) min(l, 0.7) c h);--mw-light-secondary-text-color:oklch(from var(--mw-secondary-color) min(l, 0.7) c h);--mw-light-success-text-color:oklch(from var(--mw-success-color) min(l, 0.7) c h);--mw-light-warning-text-color:oklch(from var(--mw-warning-color) min(l, 0.7) c h);--mw-light-danger-text-color:oklch(from var(--mw-danger-color) min(l, 0.7) c h);--mw-light-info-text-color:oklch(from var(--mw-info-color) min(l, 0.7) c h);--mw-light-border-accent:color-mix(in srgb, var(--mw-light-primary-text-color) 70%, #0000);--mw-transition:all 0.3s ease;--mw-internal-theme-mode:switchable;--mw-hero-background:url(https://images.unsplash.com/photo-1591638462868-19cfad9c49d1?q=80&w=1300&auto=format&fit=crop);--mw-hero-text-color:var(--mw-dark-text-color);--mw-header-height:62px;--mw-container-gutter:max(
+@charset "UTF-8";*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--mw-header-height) + .75rem);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--mw-page-background)}body:has(.mw-modal-open){overflow:hidden;height:100vh}a{text-decoration:none;color:var(--mw-text-muted-color);transition:var(--mw-transition)}ul{list-style:none}hr{margin:.5rem 0;color:var(--mw-text-muted-color)}img{max-width:100%;height:auto;display:block}button{background:none;border:none;cursor:pointer}button,input,textarea{font-family:inherit}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--mw-border);padding:.2rem .35rem;text-align:left}th{background:var(--mw-primary-color);color:var(--mw-primary-accent-text-color)}tbody tr:nth-child(2n){background:var(--mw-gray-background)}:root{--mw-primary-color:#1031bb;--mw-primary-color-hover:color-mix(in hsl, var(--mw-primary-color), #000 15%);--mw-primary-background:color-mix(in srgb, var(--mw-primary-color) 30%, #0000);--mw-primary-background-hover:color-mix(in srgb, var(--mw-primary-color) 50%, #0000);--mw-primary-info-background:var(--mw-primary-background);--mw-secondary-color:#bb5710;--mw-secondary-color-hover:color-mix(in hsl, var(--mw-secondary-color), #000 15%);--mw-secondary-background:color-mix(in srgb, var(--mw-secondary-color) 30%, #0000);--mw-secondary-background-hover:color-mix(in srgb, var(--mw-secondary-color) 50%, #0000);--mw-secondary-info-background:var(--mw-secondary-background);--mw-accent-text-color:#f2f6fc;--mw-primary-accent-text-color:var(--mw-accent-text-color);--mw-secondary-accent-text-color:var(--mw-accent-text-color);--mw-gray-color:#6e6e78;--mw-gray-background:color-mix(in srgb, var(--mw-gray-color) 20%, #0000);--mw-surface-muted:var(--mw-gray-background);--mw-overlay-background:color-mix(in srgb, var(--mw-gray-color) 60%, #0000);--mw-section-alternate-pattern:color-mix(in srgb, var(--mw-gray-color) 30%, #0000);--mw-form-elements-background:#f4f7fb;--mw-form-elements-color:color-mix(in hsl, var(--mw-light-text-color), #000 18%);--mw-success-color:#157f1a;--mw-success-color-hover:color-mix(in hsl, var(--mw-success-color), #000 15%);--mw-success-info-background:color-mix(in srgb, var(--mw-success-color) 30%, #0000);--mw-success-info-background-hover:color-mix(in srgb, var(--mw-success-color) 50%, #0000);--mw-success-accent-text-color:var(--mw-accent-text-color);--mw-warning-color:#d1bb21;--mw-warning-color-hover:color-mix(in hsl, var(--mw-warning-color), #000 15%);--mw-warning-info-background:color-mix(in srgb, var(--mw-warning-color) 30%, #0000);--mw-warning-info-background-hover:color-mix(in srgb, var(--mw-warning-color) 50%, #0000);--mw-warning-accent-text-color:var(--mw-accent-text-color);--mw-danger-color:#d41708;--mw-danger-color-hover:color-mix(in hsl, var(--mw-danger-color), #000 15%);--mw-danger-info-background:color-mix(in srgb, var(--mw-danger-color) 30%, #0000);--mw-danger-info-background-hover:color-mix(in srgb, var(--mw-danger-color) 50%, #0000);--mw-danger-accent-text-color:var(--mw-accent-text-color);--mw-info-color:#0780ca;--mw-info-color-hover:color-mix(in hsl, var(--mw-info-color), #000 15%);--mw-info-info-background:color-mix(in srgb, var(--mw-info-color) 30%, #0000);--mw-info-info-background-hover:color-mix(in srgb, var(--mw-info-color) 50%, #0000);--mw-info-accent-text-color:var(--mw-accent-text-color);--mw-header-background:color-mix(in srgb, var(--mw-primary-color) 14%, #000);--mw-header-text-color:color-mix(in hsl, var(--mw-primary-color), #fff 92%);--mw-header-navbar-list-color:color-mix(in srgb, var(--mw-header-text-color) 70%, #0000);--mw-header-navbar-list-active-color:color-mix(in hsl, var(--mw-primary-color), #fff 35%);--mw-header-burgerbutton-color:var(--mw-primary-accent-text-color);--mw-header-burgerbutton-open-color:var(--mw-secondary-accent-text-color);--mw-header-border:color-mix(in srgb, var(--mw-header-navbar-list-active-color) 40%, #0000);--mw-dark-page-background:#171f30;--mw-dark-hero-image-filter:brightness(0.7);--mw-dark-card-background:oklch(from var(--mw-dark-page-background) calc(l * 0.85) calc(c * 0.85) h);--mw-dark-footer-background:oklch(from var(--mw-dark-page-background) calc(l * 0.75) calc(c * 0.75) h);--mw-dark-border:oklch(from var(--mw-dark-page-background) calc(l * 1.35) calc(c * 1.35) h);--mw-dark-shadow:color-mix(in srgb, var(--mw-dark-text-color) 30%, #0000);--mw-dark-text-color:#f0eef9;--mw-dark-text-muted-color:color-mix(in oklab, oklch(0.7 0 0), var(--mw-primary-color) 23%);--mw-dark-primary-text-color:oklch(from var(--mw-primary-color) max(l, 0.4) c h);--mw-dark-secondary-text-color:oklch(from var(--mw-secondary-color) max(l, 0.4) c h);--mw-dark-success-text-color:oklch(from var(--mw-success-color) max(l, 0.4) c h);--mw-dark-warning-text-color:oklch(from var(--mw-warning-color) max(l, 0.4) c h);--mw-dark-danger-text-color:oklch(from var(--mw-danger-color) max(l, 0.4) c h);--mw-dark-info-text-color:oklch(from var(--mw-info-color) max(l, 0.4) c h);--mw-dark-border-accent:color-mix(in srgb, var(--mw-dark-primary-text-color) 70%, #0000);--mw-light-page-background:#e7e7f0;--mw-light-hero-image-filter:brightness(1.1);--mw-light-card-background:oklch(from var(--mw-light-page-background) calc(l * 1.05) calc(c * 1.05) h);--mw-light-footer-background:oklch(from var(--mw-light-page-background) calc(l * 0.95) calc(c * 0.95) h);--mw-light-border:oklch(from var(--mw-light-page-background) calc(l * 0.8) calc(c * 0.8) h);--mw-light-shadow:color-mix(in srgb, var(--mw-light-text-color) 30%, #0000);--mw-light-text-color:#131925;--mw-light-text-muted-color:color-mix(in oklab, oklch(0.5 0 0), var(--mw-primary-color) 23%);--mw-light-primary-text-color:oklch(from var(--mw-primary-color) min(l, 0.7) c h);--mw-light-secondary-text-color:oklch(from var(--mw-secondary-color) min(l, 0.7) c h);--mw-light-success-text-color:oklch(from var(--mw-success-color) min(l, 0.7) c h);--mw-light-warning-text-color:oklch(from var(--mw-warning-color) min(l, 0.7) c h);--mw-light-danger-text-color:oklch(from var(--mw-danger-color) min(l, 0.7) c h);--mw-light-info-text-color:oklch(from var(--mw-info-color) min(l, 0.7) c h);--mw-light-border-accent:color-mix(in srgb, var(--mw-light-primary-text-color) 70%, #0000);--mw-transition:all 0.3s ease;--mw-internal-theme-mode:switchable;--mw-hero-background:url(https://images.unsplash.com/photo-1591638462868-19cfad9c49d1?q=80&w=1300&auto=format&fit=crop);--mw-hero-text-color:var(--mw-dark-text-color);--mw-header-height:62px;--mw-container-gutter:max(
     clamp(1rem, 4.2vw + 0.5rem, 4rem),
     env(safe-area-inset-left, 0px),
     env(safe-area-inset-right, 0px)

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "maverick-wave",
-  "version": "4.9.4",
+  "version": "4.10.0",
   "config": {
-    "version_short": "4.9"
+    "version_short": "4.10"
   },
   "description": "A lightweight, modern CSS framework for building responsive websites with elegance and speed.",
   "main": "src/js/main.js",

package/src/scss/abstracts/_variables.scss

@@ -114,7 +114,7 @@ $footer-surface-light: 0.95 !default;
 // Lower it for a darker bar. The ink on the bar is near-white, so going far up
 // means overriding --mw-header-text-color and
 // --mw-header-navbar-list-active-color with it.
-$header-surface: 16% !default;
+$header-surface: 14% !default;
 
 // ---------------------------------------------------------------------------
 // Derivation helpers