From 47b70419b3cb8fad1d797c863d17a0303b5d7724 Mon Sep 17 00:00:00 2001
From: Eugen Wissner <belka@caraus.de>
Date: Tue, 18 Aug 2026 12:41:10 +0200
Subject: Fix mobile menu not showing top and bottom strokes

---
 assets/css/partials/burger-menu.css | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

(limited to 'assets/css/partials/burger-menu.css')

diff --git a/assets/css/partials/burger-menu.css b/assets/css/partials/burger-menu.css
index 91e4101..71eb500 100644
--- a/assets/css/partials/burger-menu.css
+++ b/assets/css/partials/burger-menu.css
@@ -32,34 +32,29 @@
   user-select: none;
 }
 
-.toggleBurgerWrapper span {
+.toggleBurgerWrapper span,
+.toggleBurgerWrapper span:before,
+.toggleBurgerWrapper span:after {
   position: absolute;
-  top: 50%;
   height: 2px;
   width: 100%;
   background: var(--grey-222);
-
   transition: all .3s ease;
-  transform: translate(0, -50%);
 }
 
-.toggleBurgerWrapper span:before,
-.toggleBurgerWrapper span:before:after {
-  position: absolute;
-  height: 2px;
-  width: 100%;
-  background: var(--grey-222);
-  content: "";
-
-  transition: all .3s ease;
+.toggleBurgerWrapper span {
+  top: 50%;
+  transform: translate(0, -50%);
 }
 
 .toggleBurgerWrapper span:before {
   top: -6px;
+  content: "";
 }
 
 .toggleBurgerWrapper span:after {
   top: 6px;
+  content: "";
 }
 
 @media screen and (max-width: 800px) {
-- 
cgit v1.2.3