Adding prefixed style output

src/base/_header.scss

@@ -2,7 +2,7 @@
     --header-height: 4rem;
 }
 
-.header {
+.#{$ns}header {
     background: $primary !important;
     color: $on-primary !important;
 
@@ -10,21 +10,21 @@
     // justify-content: space-between;
     padding: 1rem;
 
-    >* {
+    > * {
         max-height: 2rem;
         margin: 0;
         background: $primary;
         color: $on-primary;
     }
 
-    >*:not(:last-child) {
+    > *:not(:last-child) {
         margin-right: 1rem;
     }
 
     span {
         line-height: 1.5rem;
         font-size: 1.5rem;
-        padding: .25rem;
+        padding: 0.25rem;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
@@ -34,19 +34,19 @@
         width: auto;
     }
 
-    >a {
+    > a {
         font-size: 1rem;
         text-overflow: ellipsis;
         white-space: nowrap;
-        padding: .5rem;
+        padding: 0.5rem;
         text-decoration: none;
 
         &:hover {
-            filter: brightness(.95);
+            filter: brightness(0.95);
         }
 
         &:active {
             filter: brightness(1.05);
         }
     }
-}
+}