css/margin
This commit is contained in:
parent
8d04ea7501
commit
1ac4677be9
1 changed files with 6 additions and 5 deletions
|
@ -1,5 +1,5 @@
|
||||||
:root {
|
:root {
|
||||||
--margin: .5rem;
|
--margin: .4rem;
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
--anchor-background: #bbb;
|
--anchor-background: #bbb;
|
||||||
|
@ -63,10 +63,12 @@ html {
|
||||||
body {
|
body {
|
||||||
background-color: var(--body-background);
|
background-color: var(--body-background);
|
||||||
color: var(--body-text);
|
color: var(--body-text);
|
||||||
margin-block-start: var(--margin);
|
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
max-inline-size: 108ch;
|
max-inline-size: 108ch;
|
||||||
min-block-size: calc(100svh - var(--margin));
|
}
|
||||||
|
|
||||||
|
article, h2, table {
|
||||||
|
margin-block-start: var(--margin);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover, h2, h3, header {
|
a:hover, h2, h3, header {
|
||||||
|
@ -124,7 +126,6 @@ h1, h2, h3 {
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
background: var(--banner-gradient);
|
background: var(--banner-gradient);
|
||||||
margin-block: .25em;
|
|
||||||
padding-block: .5em;
|
padding-block: .5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -136,7 +137,7 @@ h3 {
|
||||||
hr {
|
hr {
|
||||||
border: .1em dashed;
|
border: .1em dashed;
|
||||||
border-color: var(--ruler-border);
|
border-color: var(--ruler-border);
|
||||||
margin-block: .25em;
|
margin-block: var(--margin);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.big {
|
img.big {
|
||||||
|
|
Loading…
Add table
Reference in a new issue