pim/sabbatical.ipng.nl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match page-header width with main width

Browse Source
This commit is contained in:
Pim van Pelt
2024-07-28 12:33:32 +02:00
parent 456bef02ff
commit fc3e6e7d22
1 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/styles.scss
View File

@ -81,7 +81,6 @@ main {
display: block; display: block;
margin: 0; margin: 0;
padding: 1em 1em; padding: 1em 1em;
background-color: white;
@media #{$mq-small} { @media #{$mq-small} {
margin: 0 15%; margin: 0 15%;
@ -334,11 +333,31 @@ nav li:hover {
} }
.page-header { .page-header {
border-bottom: 1px solid black; border-bottom: 2px solid black;
background-color: #f7f7f7;
text-align: center; text-align: center;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
margin: 1em 1em 0 1em;
@media #{$mq-small} {
margin: 0 15%;
}
@media #{$mq-medium} {
margin: 0 17%;
}
@media #{$mq-large} {
margin: 0 21%;
}
@media #{$mq-xlarge} {
margin: 0 24%;
}
@media #{$mq-xxlarge} {
margin: 0 27%;
}
} }
.myname { .myname {
@ -351,7 +370,7 @@ nav li:hover {
color: black; color: black;
text-decoration: none; text-decoration: none;
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
font-style: italic; font-style: normal;
font-weight: bold; font-weight: bold;
} }
@ -812,11 +831,10 @@ cite {
footer { footer {
position: fixed; position: fixed;
width: 100vw; width: 100vw;
color: #444; color: $light-text;
font-size: .8em; font-size: .8em;
padding-left: 1em; padding: 0.2em 1em;
padding-top: .2em; text-align: center;
padding-bottom: .1em;
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: #f7f7f7; background-color: #f7f7f7;