@stnd/layout 0.6.5 → 0.6.6

package/Base.astro

@@ -107,7 +107,7 @@ const {
           <Header {...header}>
             <slot name="header-actions" slot="actions" />
             <div slot="bottom-left" class="text-2xs text-subtle">
-              <a class=" no-decoration" href="https://stnd.build/">
+              <a class="no-decoration text-subtle" href="https://stnd.build/">
                 stnd.build
               </a>
             </div>

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stnd/layout
 
+## 0.6.6
+
+### Patch Changes
+
+- Auto-bumped @stnd/layout due to modified code.
+
 ## 0.6.5
 
 ### Patch Changes

package/Footer.astro

@@ -112,28 +112,33 @@ const year = new Date().getFullYear();
 <style is:global>
   .stnd-footer {
     width: 100%;
-    max-width: var(--body-max-width);
+    max-width: var(--page-max-width);
     margin-inline: auto;
-    padding-inline: var(--gap-body);
+    padding-inline: var(--page-padding);
     font-family: var(--font-interface);
     color: var(--color-subtle);
     border-top: var(--border);
     margin-top: calc(var(--space) * 12);
-    padding-block-start: var(--gap-footer) !important;
+    padding-block-start: var(--space-4) !important;
+    text-box-trim: none;
+
+    * {
+      text-box-trim: none;
+    }
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
-      font-size: var(--size-base);
+      font-size: var(--scale);
       font-family: var(--font-interface);
       margin-block-end: var(--space-half) !important;
       font-weight: var(--font-header-weight);
       margin-top: 0 !important;
     }
     h4 {
-      font-size: var(--size-sm);
+      font-size: var(--scale-d2);
     }
     li {
       margin-block-end: var(--leading) !important;
@@ -147,7 +152,7 @@ const year = new Date().getFullYear();
     }
 
     ul li {
-      font-size: var(--size-2xs);
+      font-size: var(--scale-d4);
       margin-bottom: var(--space-2);
       padding-inline-start: 0;
       margin-top: 0 !important;
@@ -165,7 +170,7 @@ const year = new Date().getFullYear();
 
   .footer-title {
     font-family: var(--font-heading);
-    font-size: var(--size-base);
+    font-size: var(--scale);
     font-weight: var(--font-header-weight);
     color: var(--color-foreground);
     margin: 0;
@@ -183,7 +188,7 @@ const year = new Date().getFullYear();
 
   .footer-bottom {
     margin-top: calc(var(--space) * 6);
-    margin-bottom: calc((var(--gap-footer) * -1));
+    margin-bottom: 0;
     padding-bottom: var(--space);
 
     strong {

package/Header.astro

@@ -308,8 +308,8 @@ const renderedItems = safeItems.map((item) => {
     right: 0;
     z-index: 300;
     min-height: 0;
-    padding-inline: var(--gap-body);
-    padding-block: var(--space-d2);
+    padding-inline: var(--page-padding);
+    padding-block: var(--space-half);
     background: var(--color-glass);
     backdrop-filter: var(--filter-glass);
     border-bottom: var(--border);
@@ -330,7 +330,7 @@ const renderedItems = safeItems.map((item) => {
     backdrop-filter: none;
     border-bottom-color: transparent;
     box-shadow: none;
-    padding-block-start: var(--gap-body);
+    padding-block-start: var(--page-padding);
   }
 
   .stnd-header.is-scrolled {
@@ -349,14 +349,14 @@ const renderedItems = safeItems.map((item) => {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    max-width: var(--body-max-width, 100%);
+    max-width: var(--page-max-width);
     margin-inline: auto;
     pointer-events: auto;
   }
 
   /* ── Brand ── */
   .stnd-header-brand {
-    font-size: var(--size-base);
+    font-size: var(--scale);
     font-weight: var(--font-header-weight);
     text-decoration: none;
     color: var(--color-foreground);
@@ -379,7 +379,7 @@ const renderedItems = safeItems.map((item) => {
   }
 
   .stnd-header-menu-desktop a {
-    font-size: var(--size-sm);
+    font-size: var(--scale-d2);
     text-decoration: none;
     color: var(--color-muted);
   }
@@ -485,7 +485,7 @@ const renderedItems = safeItems.map((item) => {
     }
 
     .stnd-header-menu-mobile a {
-      font-size: var(--size-2xl);
+      font-size: var(--scale-4);
       font-weight: var(--font-header-weight);
       color: var(--color-foreground);
       text-decoration: none;
@@ -503,7 +503,7 @@ const renderedItems = safeItems.map((item) => {
   .stnd-slot-br {
     position: fixed;
     z-index: 290;
-    bottom: var(--gap-body);
+    bottom: var(--page-padding);
 
     transition:
       transform var(--duration-slow) var(--ease-stnd),
@@ -512,23 +512,34 @@ const renderedItems = safeItems.map((item) => {
     transform: translateY(0);
     opacity: 1;
     will-change: transform, opacity;
+    text-box-trim: none;
   }
 
   .stnd-slot-bl {
-    left: var(--gap-body);
+    left: var(--page-padding);
+    right: auto;
   }
 
   .stnd-slot-br {
-    right: var(--gap-body);
+    right: var(--page-padding);
+    left: auto;
   }
 
-  :global(:is(.stnd-slot-bl, .stnd-slot-bl) a) {
+  :global(:is(.stnd-slot-bl, .stnd-slot-br) *) {
+    text-box-trim: none;
+  }
+
+  :global(:is(.stnd-slot-bl, .stnd-slot-br) a) {
     color: inherit;
+    text-decoration: none;
+  }
+  :global(:is(.stnd-slot-bl, .stnd-slot-br) a:hover) {
+    color: var(--color-foreground);
   }
-  :global(:is(.stnd-slot-bl, .stnd-slot-bl) strong) {
+  :global(:is(.stnd-slot-bl, .stnd-slot-br) strong) {
     color: inherit;
   }
-  :global(:is(.stnd-slot-bl, .stnd-slot-bl) em) {
+  :global(:is(.stnd-slot-bl, .stnd-slot-br) em) {
     color: inherit;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/layout",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "type": "module",
   "author": "Francis Fontaine",
   "license": "MIT",