Compare commits
No commits in common. "659896f57df85533cce7e28816cc6e96b57df0ca" and "e051095ce32c3a3ed04ffed5690f9fc875c78420" have entirely different histories.
659896f57d
...
e051095ce3
|
@ -52,13 +52,7 @@
|
|||
|
||||
.navbar__menu a:hover { color: var(--clr-link-hover); }
|
||||
.navbar__menu a:focus { outline-offset: 0.2em; }
|
||||
|
||||
.navbar__links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.5em;
|
||||
}
|
||||
.navbar__links { display: none; }
|
||||
|
||||
.navbar__toggle {
|
||||
background-color: inherit;
|
||||
|
@ -67,7 +61,7 @@
|
|||
padding: 0;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
display: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
}
|
||||
|
@ -91,15 +85,16 @@
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@supports selector([popover]) {
|
||||
.navbar__toggle { display: flex; }
|
||||
.navbar__links { display: none; }
|
||||
}
|
||||
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
.navbar { padding: 1em 0.6em; }
|
||||
.navbar__toggle, .navbar__popover { display: none; }
|
||||
.navbar__links { display: flex; }
|
||||
|
||||
.navbar__links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.5em;
|
||||
}
|
||||
}
|
||||
{% endcss %}
|
Loading…
Reference in New Issue