sizing tweaks
This commit is contained in:
parent
6f512d9f36
commit
2ff812faa0
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue