52 lines
1,001 B
CSS
52 lines
1,001 B
CSS
|
/**
|
||
|
|
* Manifold — base element styles.
|
||
|
|
* Mirrors the playground's global resets so specimen cards and UI kits read
|
||
|
|
* like the real product even before a single component mounts.
|
||
|
|
*/
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
font-family: var(--font-mono);
|
||
|
|
font-size: var(--fs-md);
|
||
|
|
line-height: var(--lh-normal);
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--accent-2);
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
code, kbd {
|
||
|
|
font-family: var(--font-mono);
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background: var(--selection-bg);
|
||
|
|
color: var(--selection-text);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Uppercase micro-label helper used across the system. */
|
||
|
|
.mf-label {
|
||
|
|
font-size: var(--fs-xs);
|
||
|
|
color: var(--fg-mute);
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: var(--ls-label);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tabular numerals for any live readout. */
|
||
|
|
.mf-num {
|
||
|
|
font-variant-numeric: tabular-nums;
|
||
|
|
}
|