33 lines
512 B
CSS
33 lines
512 B
CSS
/* Kevin Powell's root recommendation for '*''
|
|
* and also some bare bones defaults*/
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* kevin uses html here,
|
|
* but mdn recommends root */
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
body {
|
|
font-family: system-ui;
|
|
font-size: 1.125rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* main container within body,
|
|
* sometimes called .container, etc. */
|
|
main {
|
|
width: min(70ch, 100% - 4rem);
|
|
margin-inline: auto;
|
|
}
|
|
|
|
img,
|
|
svg,
|
|
video {
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|