From 63beba63c87055472e2f53c4d1dafd993ed79366 Mon Sep 17 00:00:00 2001
From: antifallobst <antifallobst@systemausfall.org>
Date: Sat, 30 Sep 2023 01:40:09 +0200
Subject: [PATCH] refactor: removed nested css

---
 style/topbar.css | 75 ++++++++++++++++++++++++------------------------
 1 file changed, 38 insertions(+), 37 deletions(-)

diff --git a/style/topbar.css b/style/topbar.css
index e1ffd81..edd949d 100644
--- a/style/topbar.css
+++ b/style/topbar.css
@@ -9,15 +9,16 @@
 }
 
 .tabs li:hover {
-    .tab-svg-path {
-        fill: #2c3251;
-        stroke: #690455;
-    }
-
     transition-duration: 250ms;
     transform: translate(0, -10px);
 }
 
+.tabs li:hover .tab-svg-path {
+    fill: #2c3251;
+    stroke: #690455;
+    transition-duration: 250ms;
+}
+
 .tabs li button {
     position: relative;
     border: none;
@@ -67,43 +68,43 @@
     background-color: #191c2e;
     color: #FFFFFF;
     z-index: 10;
+}
 
-    .auth-submit {
-        position: relative;
-        margin: 6px;
-        padding: 6px 12px;
-        text-align: center;
-        background: #21253c;
-        color: inherit;
-        border: 2px solid #690455;
-        border-radius: 6px;
-        font: inherit;
-    }
+.auth-submit {
+    position: relative;
+    margin: 6px;
+    padding: 6px 12px;
+    text-align: center;
+    background: #21253c;
+    color: inherit;
+    border: 2px solid #690455;
+    border-radius: 6px;
+    font: inherit;
+}
 
-    .auth-submit:hover, .auth-submit:focus {
-        background: #2c3251;
-        outline: none;
-    }
+.auth-submit:hover, .auth-submit:focus {
+    background: #2c3251;
+    outline: none;
+}
 
-    .auth-field {
-        position: relative;
-        text-align: center;
-        margin-bottom: 8px;
+.auth-field {
+    position: relative;
+    text-align: center;
+    margin-bottom: 8px;
+}
 
-        .auth-input {
-            border: 2px solid #690455;
-            border-radius: 6px;
-            background: #21253c;
-            color: #FFFFFF;
-            text-align: center;
-            font: normal 14px Roboto;
-        }
+.auth-input {
+    border: 2px solid #690455;
+    border-radius: 6px;
+    background: #21253c;
+    color: #FFFFFF;
+    text-align: center;
+    font: normal 14px Roboto;
+}
 
-        .auth-input:focus {
-            background: #2c3251;
-            outline: none;
-        }
-    }
+.auth-input:focus {
+    background: #2c3251;
+    outline: none;
 }
 
 .center-x {