sizing tweaks

This commit is contained in:
Geoff Doty 2024-01-20 14:32:06 -05:00
parent 6f512d9f36
commit 2ff812faa0
1 changed files with 17 additions and 14 deletions

View File

@ -27,6 +27,8 @@
--fg: #EAECEE; --fg: #EAECEE;
} }
* {padding:0;margin:0}
*,*:before,*:after { *,*:before,*:after {
box-sizing: border-box; box-sizing: border-box;
} }
@ -47,7 +49,7 @@ html,body {
div, input, button, textarea, select {margin-bottom: .25rem;} div, input, button, textarea, select {margin-bottom: .25rem;}
p {margin: .5rem 0} p {margin: 1rem 0}
img,embed,iframe,object,audio,video { img,embed,iframe,object,audio,video {
height: auto; height: auto;
@ -55,6 +57,10 @@ img,embed,iframe,object,audio,video {
border: none; border: none;
} }
ol, ul {margin-left: 1rem}
li {margin-left: 1rem}
label { label {
display: inline; display: inline;
font-weight: 600; font-weight: 600;
@ -133,23 +139,18 @@ hr {
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
margin: var(--space) 0;
padding-bottom: calc(var(--space) / 2);
text-transform: capitalize;
color: var(--fg);
color: var(--theme); color: var(--theme);
margin: var(--size) 0;
padding-bottom: calc(var(--size) / 2);
text-transform: capitalize;
} }
h1 { h1 {font-size: 2.2rem}
font-size: 2.2rem;
}
h2 {font-size: 1.8rem} h2 {font-size: 1.8rem}
h3 {font-size: 1.4rem;margin: .5rem 0} h3 {font-size: 1.4rem}
h4 {font-size: 1.2rem; margin: .25rem 0} h4 {font-size: 1.2rem}
h5 {font-size: 1rem; margin: .25rem 0} h5 {font-size: 1.1rem}
h6 {font-size: .9rem; margin: .25rem 0} h6 {font-size: 1rem}
a {color: var(--theme)} a {color: var(--theme)}
a:hover {color: var(--dark);} a:hover {color: var(--dark);}
@ -213,6 +214,7 @@ input[type="radio"]{
width: 1.1rem; width: 1.1rem;
height: 1.1rem; height: 1.1rem;
margin-right: .5rem; margin-right: .5rem;
margin-top: .65rem;
} }
button, input[type="reset"],input[type="submit"] { button, input[type="reset"],input[type="submit"] {
@ -329,6 +331,7 @@ nav > ul {
margin: 0 0 0 -2rem; margin: 0 0 0 -2rem;
display: flex; display: flex;
list-style-type: none; list-style-type: none;
margin-bottom: .25rem;
} }
nav ul li a { nav ul li a {