CSS updates to simplify header
This commit is contained in:
parent
2819f9521e
commit
8ca5449efc
1 changed files with 4 additions and 8 deletions
|
@ -125,11 +125,6 @@ main :first-child {
|
||||||
header {
|
header {
|
||||||
border-bottom: 1px dashed var(--color-gray-20);
|
border-bottom: 1px dashed var(--color-gray-20);
|
||||||
}
|
}
|
||||||
header:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links-nextprev {
|
.links-nextprev {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -181,15 +176,16 @@ code {
|
||||||
/* Header */
|
/* Header */
|
||||||
header {
|
header {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 1em .5em;
|
gap: 1em;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
.home-link {
|
.home-link {
|
||||||
|
flex-grow: 1;
|
||||||
font-size: 1em; /* 16px /16 */
|
font-size: 1em; /* 16px /16 */
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-right: 2em;
|
|
||||||
}
|
}
|
||||||
.home-link:link:not(:hover) {
|
.home-link:link:not(:hover) {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -198,13 +194,13 @@ header {
|
||||||
/* Nav */
|
/* Nav */
|
||||||
.nav {
|
.nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: .5em 1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
.nav-item {
|
.nav-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 1em;
|
|
||||||
}
|
}
|
||||||
.nav-item a[href]:not(:hover) {
|
.nav-item a[href]:not(:hover) {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
Loading…
Add table
Reference in a new issue