@formant/aesthetics 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/formant-aesthetics.css +27 -3
- package/package.json +1 -1
package/formant-aesthetics.css
CHANGED
|
@@ -1310,6 +1310,20 @@ body > header input[type="search"] {
|
|
|
1310
1310
|
width: 200px;
|
|
1311
1311
|
}
|
|
1312
1312
|
|
|
1313
|
+
/* Headings inside site header - match logo styling */
|
|
1314
|
+
body > header h1,
|
|
1315
|
+
body > header h2,
|
|
1316
|
+
body > header h3 {
|
|
1317
|
+
font-family: var(--font-display);
|
|
1318
|
+
font-size: 1.25rem;
|
|
1319
|
+
font-weight: 600;
|
|
1320
|
+
letter-spacing: 0.06em;
|
|
1321
|
+
text-transform: uppercase;
|
|
1322
|
+
color: var(--theme-neutrals-3);
|
|
1323
|
+
margin: 0;
|
|
1324
|
+
line-height: 1;
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1313
1327
|
/* Content headers - inside main, article, section (boxed styling) */
|
|
1314
1328
|
main > header,
|
|
1315
1329
|
article > header,
|
|
@@ -1322,6 +1336,16 @@ section > header {
|
|
|
1322
1336
|
border-bottom-right-radius: var(--formant-radius-md);
|
|
1323
1337
|
}
|
|
1324
1338
|
|
|
1339
|
+
/* Unset h1, h2 margins when inside content headers */
|
|
1340
|
+
main > header h1,
|
|
1341
|
+
main > header h2,
|
|
1342
|
+
article > header h1,
|
|
1343
|
+
article > header h2,
|
|
1344
|
+
section > header h1,
|
|
1345
|
+
section > header h2 {
|
|
1346
|
+
margin: 0;
|
|
1347
|
+
}
|
|
1348
|
+
|
|
1325
1349
|
/* Site footer (direct child of body) */
|
|
1326
1350
|
body > footer {
|
|
1327
1351
|
margin-top: var(--formant-space-12);
|
|
@@ -1766,7 +1790,7 @@ body > footer {
|
|
|
1766
1790
|
margin-top: 0;
|
|
1767
1791
|
}
|
|
1768
1792
|
|
|
1769
|
-
body > footer >
|
|
1793
|
+
body > footer > * {
|
|
1770
1794
|
max-width: 1200px;
|
|
1771
1795
|
margin: 0 auto;
|
|
1772
1796
|
padding: 0 2.5rem;
|
|
@@ -1874,7 +1898,7 @@ input[type="time"]::-webkit-calendar-picker-indicator {
|
|
|
1874
1898
|
min-height: 60vh;
|
|
1875
1899
|
}
|
|
1876
1900
|
|
|
1877
|
-
body > footer >
|
|
1901
|
+
body > footer > * {
|
|
1878
1902
|
padding: 0 var(--formant-space-5);
|
|
1879
1903
|
}
|
|
1880
1904
|
}
|
|
@@ -1910,7 +1934,7 @@ input[type="time"]::-webkit-calendar-picker-indicator {
|
|
|
1910
1934
|
padding: var(--formant-space-4);
|
|
1911
1935
|
}
|
|
1912
1936
|
|
|
1913
|
-
body > footer >
|
|
1937
|
+
body > footer > * {
|
|
1914
1938
|
flex-direction: column;
|
|
1915
1939
|
align-items: flex-start;
|
|
1916
1940
|
gap: var(--formant-space-8);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formant/aesthetics",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "Classless CSS framework based on the Formant Design System. Styles standard HTML elements without requiring any classes.",
|
|
5
5
|
"main": "formant-aesthetics.css",
|
|
6
6
|
"files": [
|