jotoho/my-website
1
0
Fork 0
Code Issues Pull requests Activity

Abolish navigation borders in favor of flex gaps

Browse source
This commit is contained in:
Jonas Tobias Hopusch 2021-09-27 13:37:29 +02:00
parent c46677671d
commit 8a6978e0f9
Failed to generate hash of commit
1 changed files with 1 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
static/css/general.css
View file

@ -27,17 +27,12 @@ footer {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
border: 2px solid white;
border-top: none;
border-left: none;
text-align: center; text-align: center;
gap: max(1px, 0.1rem);
} }
.globalnav-element { .globalnav-element {
display: block; display: block;
border: 2px solid white;
border-right: none;
border-bottom: none;
background-color: #ddd; background-color: #ddd;
text-align: center; text-align: center;
flex-basis: 0; flex-basis: 0;
@ -123,13 +118,8 @@ td, th {
color: white; color: white;
} }
.globalnav {
border-color: black;
}
.globalnav-element { .globalnav-element {
background-color: #222; background-color: #222;
border-color: black;
} }
code { code {
@ -151,12 +141,7 @@ td, th {
color: black; color: black;
} }
.globalnav {
border-color: white;
}
.globalnav-element { .globalnav-element {
border-color: white;
background-color: #ddd; background-color: #ddd;
} }