css/box
This commit is contained in:
parent
0bdf9bae4b
commit
477f96de15
1 changed files with 13 additions and 3 deletions
|
@ -1,11 +1,15 @@
|
||||||
/*
|
/*
|
||||||
block-size ← height
|
block-size ← height
|
||||||
|
(border|padding)-block[-start|end]
|
||||||
|
(border|padding)-inline[-start|end]
|
||||||
inline-size ← width
|
inline-size ← width
|
||||||
margin-block ← vspace
|
margin-block ← vspace
|
||||||
padding-block[-start|end]
|
|
||||||
padding-inline[-start|end]
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,7 +17,9 @@ body {
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
color: #777;
|
color: #777;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
|
font-size: 1.5rem;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
|
margin: 1em 2em;
|
||||||
text-align: start;
|
text-align: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -30,8 +36,12 @@ background-color: #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
border-color: #fff;
|
||||||
|
border-radius: .25em;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: .1em;
|
||||||
color: #f77;
|
color: #f77;
|
||||||
font-size: 1.75rem;
|
font-size: 1.75em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue