Reduce navbar's toggle font size and paddings
This commit is contained in:
parent
72a6a444e2
commit
46fc7d683e
|
@ -5,7 +5,9 @@ https://kalechips.net/projects/snippets/burger #}
|
||||||
|
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<details class="navbar__burger">
|
<details class="navbar__burger">
|
||||||
<summary class="navbar__toggle" id="toggle">☰ Navigation</summary>
|
<summary class="navbar__toggle" id="toggle">
|
||||||
|
<span aria-hidden="true">☰</span> Navigation
|
||||||
|
</summary>
|
||||||
<nav class="navbar__menu">
|
<nav class="navbar__menu">
|
||||||
<ul class="navbar__menu--links">
|
<ul class="navbar__menu--links">
|
||||||
{{ navLinksEl | safe }}
|
{{ navLinksEl | safe }}
|
||||||
|
@ -33,10 +35,9 @@ https://kalechips.net/projects/snippets/burger #}
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar__toggle,
|
.navbar__toggle {
|
||||||
.navbar__title {
|
|
||||||
color: var(--clr-navbar-link);
|
color: var(--clr-navbar-link);
|
||||||
font-size: 1.3rem;
|
font-size: 1.25rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -45,7 +46,7 @@ https://kalechips.net/projects/snippets/burger #}
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.3em;
|
gap: 0.3em;
|
||||||
padding: 0.6em;
|
padding: 0.4em 0.6em;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue