diff options
Diffstat (limited to 'src/styles/Navbar.css')
| -rw-r--r-- | src/styles/Navbar.css | 90 |
1 files changed, 0 insertions, 90 deletions
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css deleted file mode 100644 index 78711d2..0000000 --- a/src/styles/Navbar.css +++ /dev/null @@ -1,90 +0,0 @@ -nav { - font-weight: 300; - padding-top: 1.5em; - padding-bottom: 2.2em; -} -ul.nav-list { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; - flex-direction: row; - justify-content: center; - gap: 2.2em; -} - -a.nav-link { - font-size: 1.1em; -} - -a.nav-link:hover { - color: #9ECD9D; - transition: ease-in-out 0.1s; -} - -a.nav-link:active { - color: #609460; -} - -.nav-toggle { - background: transparent; - border: none; - cursor: pointer; - display: none; -} - -.nav-toggle .hamburger { - width: 30px; - height: 2px; - background: white; - display: block; - position: relative; -} - -.nav-toggle .hamburger::before, .nav-toggle .hamburger::after { - content: ''; - background: white; - display: block; - position: absolute; - width: 100%; - height: 100%; -} - -.nav-toggle .hamburger::before { - top: -10px; -} - -.nav-toggle .hamburger::after { - bottom: -10px; -} - -@media (max-width: 768px) { - .nav-toggle { - display: block; - padding: 20px; - } - - ul.nav-list { - flex-direction: column; - align-items: center; - gap: 1em; - display: none; - } - - ul.nav-list.show { - display: flex; - } - - @keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } - } - - .nav-list.show a.nav-link { - animation: fadeIn 0.5s ease-in-out forwards; - } -} |
