refactoring scss

dasch-swiss · Sep 28, 2020 · 15412c0 · 15412c0
1 parent 012a01b
commit 15412c0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -18,7 +18,7 @@
         <mat-sidenav-content>
 
             <mat-toolbar>
-                <mat-toolbar-row style="justify-content: space-between">
+                <mat-toolbar-row>
                     <button mat-icon-button fxShow="true" fxHide.gt-xs (click)="sidenav.toggle()">
                         <mat-icon>menu</mat-icon>
                     </button>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -4,21 +4,8 @@ mat-toolbar {
   min-height: 4rem;
   max-height: 4rem;
 
-  a {
-    font-family: 'Open Sans', sans-serif !important;
-    font-weight: bold;
-  }
-
-  a:hover {
-    color: rgb(159,11,11);
-  }
-
-  button:hover {
-    color: rgb(159,11,11);
-  }
-
-  div {
-    //background: rgba(0,0,0, 0.15);
+  .mat-toolbar-row {
+    justify-content: space-between;
 
     a {
       font-family: 'Open Sans', sans-serif !important;
@@ -27,7 +14,24 @@ mat-toolbar {
 
     a:hover {
       color: rgb(159,11,11);
-      //background: rgba(255,255,255, 0.7);
+    }
+
+    button:hover {
+      color: rgb(159,11,11);
+    }
+
+    div {
+      //background: rgba(0,0,0, 0.15);
+
+      a {
+        font-family: 'Open Sans', sans-serif !important;
+        font-weight: bold;
+      }
+
+      a:hover {
+        color: rgb(159,11,11);
+        //background: rgba(255,255,255, 0.7);
+      }
     }
   }
 }