header.scss in termina-plex-0.6.1.rc1

- old
+ new

@@ -1,27 +1,28 @@
 @charset "utf-8";
+@use "../core" as c;
 
 // Layout: Header
 .header {
-  font-family: $header-font-family;
+  font-family: c.$header-font-family;
   padding: 0 20px;
   height: 60px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 
-  @media only screen and (min-width: $breakLarge) {
-    width: $widthLarge * 0.8;
+  @media only screen and (min-width: c.$breakLarge) {
+    width: c.$widthLarge * 0.8;
   }
 
-  @media screen and (max-width: $breakLarge) {
-    width: $widthSmaller;
+  @media screen and (max-width: c.$breakLarge) {
+    width: c.$widthSmaller;
   }
 }
 
 .headerWrapper {
   background-color: var(--header-background-color);
-  font-family: #{$code-font-family};
+  font-family: #{c.$code-font-family};
   overflow: auto;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   flex-shrink: 0;