PreStyling Layouts & Components
This commit is contained in:
@@ -58,6 +58,7 @@
|
||||
--tracking-eyebrow: 0.16em; /* section eyebrows, zone labels */
|
||||
--tracking-plate: 0.08em; /* plate numbers */
|
||||
--tracking-display: 0.01em; /* Blaka h1 */
|
||||
--tracking-subtitle: 0.0875em; /* standfirst under a title */
|
||||
}
|
||||
|
||||
.content {
|
||||
@@ -108,7 +109,6 @@
|
||||
--tracking-8: -0.0225em;
|
||||
--tracking-9: -0.0237em;
|
||||
--tracking-10: -0.0247em;
|
||||
--leading-prose: 1.6;
|
||||
}
|
||||
|
||||
:root {
|
||||
@@ -122,7 +122,7 @@
|
||||
--font-weight-body: 400;
|
||||
--font-weight-emphasis: 700;
|
||||
--font-weight-label: 600;
|
||||
--font-weight-heading: 800;
|
||||
--font-weight-heading: 900;
|
||||
|
||||
/* === SIZE === */
|
||||
--size-0: 0;
|
||||
@@ -189,7 +189,7 @@
|
||||
|
||||
/* ═══ LAYOUT ═══ */
|
||||
--layout-max-width: 74rem; /* the tool shell */
|
||||
--layout-content-width: minmax(0, 78ch); /* article measure */
|
||||
--layout-content-width: minmax(0, 62ch); /* article measure */
|
||||
--layout-margin-width: minmax(10ch, 1fr);
|
||||
--layout-step-columns: 2;
|
||||
--layout-gutter: var(--size-6); /* between step cards */
|
||||
|
||||
Reference in New Issue
Block a user