Updated styles
This commit is contained in:
parent
5716e4b873
commit
5e2141941b
@ -15,7 +15,7 @@
|
|||||||
--max-width: 65ch;
|
--max-width: 65ch;
|
||||||
--padding: 0.78571429em 0.92857143em;
|
--padding: 0.78571429em 0.92857143em;
|
||||||
--border-radius: 5px;
|
--border-radius: 5px;
|
||||||
--gap: 1em;
|
--gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
@ -106,6 +106,7 @@ h1 {
|
|||||||
h2 {
|
h2 {
|
||||||
color: var(--header-color);
|
color: var(--header-color);
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
|
font-weight: normal;
|
||||||
margin-top: var(--gap);
|
margin-top: var(--gap);
|
||||||
padding-bottom: var(--gap);
|
padding-bottom: var(--gap);
|
||||||
border-bottom: 1px solid var(--highlight-color);
|
border-bottom: 1px solid var(--highlight-color);
|
||||||
@ -163,6 +164,7 @@ header {
|
|||||||
|
|
||||||
main {
|
main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@ -184,7 +186,7 @@ nav a:hover {
|
|||||||
color: var(--main-color);
|
color: var(--main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
time {
|
p time {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
color: var(--grey-color);
|
color: var(--grey-color);
|
||||||
}
|
}
|
||||||
@ -234,3 +236,13 @@ time {
|
|||||||
.punctuation {
|
.punctuation {
|
||||||
color: gray;
|
color: gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 800px) {
|
||||||
|
h2 {
|
||||||
|
margin-left: -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p time {
|
||||||
|
margin-left: .5rem;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user