diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-22 12:42:56 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-22 12:42:56 +0200 |
| commit | 631547a75142326a7c71bdf123e1475217a5ad73 (patch) | |
| tree | f3cfef6b3c5b42bf626fc823ddcf63b8dcf4cdbb /assets/css/components/hamburger.css | |
| parent | 77ccbe72fad5a4870185fff374f75471c16a9043 (diff) | |
| download | danixxyz-theme-631547a75142326a7c71bdf123e1475217a5ad73.tar.gz danixxyz-theme-631547a75142326a7c71bdf123e1475217a5ad73.zip | |
chore: replace with extracted danix.xyz-hacker theme (danix2-hugo-theme)
Diffstat (limited to 'assets/css/components/hamburger.css')
| -rw-r--r-- | assets/css/components/hamburger.css | 189 |
1 files changed, 0 insertions, 189 deletions
diff --git a/assets/css/components/hamburger.css b/assets/css/components/hamburger.css deleted file mode 100644 index 2c868d8..0000000 --- a/assets/css/components/hamburger.css +++ /dev/null @@ -1,189 +0,0 @@ -/* hamburger.css */ - -.nav-header { - position: fixed; - top: 0; - right: 0; - z-index: var(--z-nav); - padding: var(--sp-6) var(--sp-8); -} - -/* Hamburger Button */ -.hamburger { - background: none; - border: none; - cursor: pointer; - display: flex; - flex-direction: column; - gap: 0.4rem; - padding: 0.5rem; - transition: all var(--duration-base) ease; - width: 32px; - height: 32px; - align-items: center; - justify-content: center; -} - -.hamburger span { - display: block; - width: 24px; - height: 2px; - background-color: var(--text); - border-radius: 2px; - transition: all var(--duration-base) ease; - transform-origin: center; -} - -.hamburger.active span:nth-child(1) { - transform: translateY(10px) rotate(45deg); -} - -.hamburger.active span:nth-child(2) { - opacity: 0; -} - -.hamburger.active span:nth-child(3) { - transform: translateY(-10px) rotate(-45deg); -} - -/* Menu Overlay */ -.menu-overlay { - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - background: rgba(6, 11, 16, 0.95); - backdrop-filter: blur(4px); - z-index: var(--z-menu); - opacity: 0; - visibility: hidden; - transition: opacity var(--duration-base) ease, visibility var(--duration-base) ease; - display: flex; - align-items: center; - justify-content: center; -} - -.menu-overlay.active { - opacity: 1; - visibility: visible; -} - -/* Menu Items */ -.menu-items { - display: flex; - flex-direction: column; - align-items: center; - gap: var(--sp-12); - width: 90%; - max-width: 600px; - padding: var(--sp-8); -} - -.menu-logo { - font-family: var(--font-head); - font-size: 1.5rem; - font-weight: 700; - color: var(--text); - text-decoration: none; - margin-bottom: var(--sp-4); -} - -.menu-links { - list-style: none; - display: flex; - flex-direction: column; - gap: var(--sp-6); - text-align: center; -} - -.menu-links a { - color: var(--text); - text-decoration: none; - font-family: var(--font-mono); - font-size: 1.2rem; - padding: var(--sp-3) var(--sp-4); - border-radius: 4px; - transition: all var(--duration-base) ease; -} - -.menu-links a:hover { - color: var(--accent); -} - -.menu-links a[aria-current="page"] { - color: var(--accent); - font-weight: 700; -} - -/* Menu Footer */ -.menu-footer { - display: flex; - justify-content: center; - margin-top: var(--sp-8); -} - -/* Theme Switch Button */ -.theme-switch { - background: var(--surface); - border: 1px solid var(--border); - cursor: pointer; - width: 50px; - height: 26px; - border-radius: 20px; - padding: 2px; - position: relative; - transition: all var(--duration-base) ease; - display: flex; - align-items: center; - justify-content: flex-start; -} - -.theme-switch:hover { - border-color: var(--accent); -} - -.theme-switch-dot { - width: 20px; - height: 20px; - background-color: var(--text); - border-radius: 50%; - display: block; - transition: transform var(--duration-base) ease; -} - -.theme-switch.light { - justify-content: flex-end; -} - -.theme-switch.light .theme-switch-dot { - transform: translateX(24px); -} - -/* Keyboard Focus */ -.hamburger:focus-visible, -.menu-links a:focus-visible, -.theme-switch:focus-visible { - outline: 2px solid var(--accent); - outline-offset: 2px; -} - -/* Skip Link */ -.skip-link { - position: fixed; - top: 0; - left: 0; - background: var(--accent); - color: var(--bg); - padding: var(--sp-3) var(--sp-4); - z-index: var(--z-modal); - text-decoration: none; - font-family: var(--font-mono); - font-size: 0.9rem; - transform: translateY(-100%); - transition: transform var(--duration-base) ease; -} - -.skip-link:focus { - transform: translateY(0); -} |
