Put navbar title in toggle button for mobile
This commit is contained in:
Helen Chong
parent
d5aa1de552
commit
1597932099
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<subtitle>Leilukin's personal website.</subtitle>
|
||||
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
|
||||
<link href="https://leilukin.neocities.org"/>
|
||||
<updated>2024-05-10T08:55:41Z</updated>
|
||||
<updated>2024-05-10T09:04:16Z</updated>
|
||||
<id>https://leilukin.neocities.org</id>
|
||||
<author>
|
||||
<name>Leilukin</name>
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -139,12 +139,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -139,12 +139,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -139,12 +139,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -139,12 +139,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -178,19 +176,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -198,11 +197,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -235,7 +229,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,12 +133,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -175,19 +173,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -195,11 +194,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -232,7 +226,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -228,12 +228,10 @@
|
|||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
|
@ -277,19 +275,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -297,11 +296,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -334,7 +328,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,8 @@
|
|||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
{% block navbarLinks %}
|
||||
{{ navbarLinks }}
|
||||
|
|
@ -22,19 +20,20 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8em;
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
|
|
@ -42,11 +41,6 @@
|
|||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar__title {
|
||||
font-size: 1.3rem;
|
||||
color: var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
|
|
@ -79,7 +73,7 @@
|
|||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue