refactor: removed nested css

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,8 +68,9 @@
     background-color: #191c2e;
     color: #FFFFFF;
     z-index: 10;
+}
 
-    .auth-submit {
+.auth-submit {
     position: relative;
     margin: 6px;
     padding: 6px 12px;
@@ -78,32 +80,31 @@
     border: 2px solid #690455;
     border-radius: 6px;
     font: inherit;
-    }
+}
 
-    .auth-submit:hover, .auth-submit:focus {
+.auth-submit:hover, .auth-submit:focus {
     background: #2c3251;
     outline: none;
-    }
+}
 
-    .auth-field {
+.auth-field {
     position: relative;
     text-align: center;
     margin-bottom: 8px;
+}
 
-        .auth-input {
+.auth-input {
     border: 2px solid #690455;
     border-radius: 6px;
     background: #21253c;
     color: #FFFFFF;
     text-align: center;
     font: normal 14px Roboto;
-        }
+}
 
-        .auth-input:focus {
+.auth-input:focus {
     background: #2c3251;
     outline: none;
-        }
-    }
 }
 
 .center-x {