Finalizacja migracji

src/styles/responsive.scss

@@ -1,18 +1,18 @@
-@mixin smallScreen() {
-    @media only screen and (max-width: 700px) {
-        @content;
-    }
-}
-
-
-@mixin midScreen() {
-    @media only screen and (max-width: 950px) {
-        @content;
-    }
-}
-
-@mixin bigScreen() {
-    @media only screen and (min-width: 2000px) {
-        @content;
-    }
+@mixin smallScreen() {
+    @media only screen and (max-width: 700px) {
+        @content;
+    }
+}
+
+
+@mixin midScreen() {
+    @media only screen and (max-width: 950px) {
+        @content;
+    }
+}
+
+@mixin bigScreen() {
+    @media only screen and (min-width: 2000px) {
+        @content;
+    }
 }

src/styles/variables.scss

@@ -1,17 +1,17 @@
-$primaryCol: #2c2c2c;
-$secondaryCol: #01e733;
-
-$bgCol: #4d4d4d;
-$bgLigtherCol: #555;
-
-$errorCol: #ff1919;
-$warningCol: #ffe15b;
-
-$accentCol: #ffc014;
-$accent2Col: #ff3d5d;
-
-$skr: #ff5100;
-$twr: #ffbb00;
-
-$animDuration: 150ms;
+$primaryCol: #2c2c2c;
+$secondaryCol: #01e733;
+
+$bgCol: #4d4d4d;
+$bgLigtherCol: #555;
+
+$errorCol: #ff1919;
+$warningCol: #ffe15b;
+
+$accentCol: #ffc014;
+$accent2Col: #ff3d5d;
+
+$skr: #ff5100;
+$twr: #ffbb00;
+
+$animDuration: 150ms;
 $animType: ease-in-out;