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;
margin: 0;
padding: 1em 1em;
background-color: white;
@media #{$mq-small} {
margin: 0 15%;
@ -334,11 +333,31 @@ nav li:hover {
}
.page-header {
border-bottom: 1px solid black;
border-bottom: 2px solid black;
background-color: #f7f7f7;
text-align: center;
display: flex;
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 {
@ -351,7 +370,7 @@ nav li:hover {
color: black;
text-decoration: none;
font-family: FreeSerif, serif;
font-style: italic;
font-style: normal;
font-weight: bold;
}
@ -812,11 +831,10 @@ cite {
footer {
position: fixed;
width: 100vw;
color: #444;
color: $light-text;
font-size: .8em;
padding-left: 1em;
padding-top: .2em;
padding-bottom: .1em;
padding: 0.2em 1em;
text-align: center;
bottom: 0;
left: 0;
background-color: #f7f7f7;