@formant/aesthetics 0.1.1 → 0.1.3

package/formant-aesthetics.css

@@ -1310,6 +1310,20 @@ body > header input[type="search"] {
   width: 200px;
 }
 
+/* Headings inside site header - match logo styling */
+body > header h1,
+body > header h2,
+body > header h3 {
+  font-family: var(--font-display);
+  font-size: 1.25rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--theme-neutrals-3);
+  margin: 0;
+  line-height: 1;
+}
+
 /* Content headers - inside main, article, section (boxed styling) */
 main > header,
 article > header,
@@ -1322,6 +1336,16 @@ section > header {
   border-bottom-right-radius: var(--formant-radius-md);
 }
 
+/* Unset h1, h2 margins when inside content headers */
+main > header h1,
+main > header h2,
+article > header h1,
+article > header h2,
+section > header h1,
+section > header h2 {
+  margin: 0;
+}
+
 /* Site footer (direct child of body) */
 body > footer {
   margin-top: var(--formant-space-12);
@@ -1766,7 +1790,7 @@ body > footer {
   margin-top: 0;
 }
 
-body > footer > div {
+body > footer > * {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 2.5rem;
@@ -1874,7 +1898,7 @@ input[type="time"]::-webkit-calendar-picker-indicator {
     min-height: 60vh;
   }
   
-  body > footer > div {
+  body > footer > * {
     padding: 0 var(--formant-space-5);
   }
 }
@@ -1910,7 +1934,7 @@ input[type="time"]::-webkit-calendar-picker-indicator {
     padding: var(--formant-space-4);
   }
   
-  body > footer > div {
+  body > footer > * {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--formant-space-8);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formant/aesthetics",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Classless CSS framework based on the Formant Design System. Styles standard HTML elements without requiring any classes.",
   "main": "formant-aesthetics.css",
   "files": [