📝 Expanded on kevin powell defaults
This commit is contained in:
parent
490d1091b0
commit
0b66336477
1 changed files with 28 additions and 1 deletions
|
|
@ -1,6 +1,33 @@
|
||||||
/* Kevin Powell's root recommendation for '*'' */
|
/* Kevin Powell's root recommendation for '*''
|
||||||
|
* and also some bare bones defaults*/
|
||||||
*,
|
*,
|
||||||
*::before,
|
*::before,
|
||||||
*::after {
|
*::after {
|
||||||
box-sizing: border-box;
|
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;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue