summaryrefslogtreecommitdiffstats
path: root/assets/css/components/hamburger.css
diff options
context:
space:
mode:
authorDanilo M. <danix@danix.xyz>2026-04-22 12:42:56 +0200
committerDanilo M. <danix@danix.xyz>2026-04-22 12:42:56 +0200
commit631547a75142326a7c71bdf123e1475217a5ad73 (patch)
treef3cfef6b3c5b42bf626fc823ddcf63b8dcf4cdbb /assets/css/components/hamburger.css
parent77ccbe72fad5a4870185fff374f75471c16a9043 (diff)
downloaddanixxyz-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.css189
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);
-}