Reduce navbar's toggle font size and paddings

This commit is contained in:
Helen Chong 2024-06-12 08:07:16 +08:00
parent 72a6a444e2
commit 46fc7d683e
1 changed files with 6 additions and 5 deletions

View File

@ -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;
} }