Reduce navbar CSS whitespace

This commit is contained in:
Helen Chong 2024-07-14 21:06:03 +08:00
parent 1f689af4ed
commit 5e5429a2f5
1 changed files with 7 additions and 24 deletions

View File

@ -66,18 +66,14 @@ https://kalechips.net/projects/snippets/burger #}
background-color: inherit; background-color: inherit;
} }
.navbar__toggle::-webkit-details-marker { .navbar__toggle::-webkit-details-marker { display: none; }
display: none;
}
.navbar__toggle:focus, .navbar__toggle:focus,
.navbar a:focus { .navbar a:focus {
outline: 0.15em solid var(--clr-navbar-link); outline: 0.15em solid var(--clr-navbar-link);
} }
.navbar a:focus { .navbar a:focus { outline-offset: 0.1em; }
outline-offset: 0.1em;
}
.navbar__menu--links, .navbar__menu--links,
.navbar__links { .navbar__links {
@ -119,27 +115,14 @@ https://kalechips.net/projects/snippets/burger #}
padding: 0.2em 0 0 0; padding: 0.2em 0 0 0;
} }
.navbar__links a:hover { .navbar__links a:hover { color: var(--clr-link-hover); }
color: var(--clr-link-hover); .navbar__links a:focus { outline-offset: 0.2em; }
}
.navbar__links a:focus {
outline-offset: 0.2em;
}
/* Tablet screen size */ /* Tablet screen size */
@media only screen and (min-width: 43.75rem) { @media only screen and (min-width: 43.75rem) {
.navbar { .navbar { padding: 0 0.6em; }
padding: 0 0.6em; .navbar__burger { display: none; }
} .navbar__toggle { display: none; }
.navbar__burger {
display: none;
}
.navbar__toggle {
display: none;
}
.navbar__links { .navbar__links {
display: flex; display: flex;