add: scss style file

Author: frontendfixer

test/Style/global.scss

@@ -0,0 +1,38 @@
+@import './variables.scss';
+@import './responsive.scss';
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+.main {
+  font-family: 'Inter', sans-serif;
+  font-size: 1rem;
+  background-color: $main-bg;
+  color: $main-color;
+}
+
+.container {
+  display: flex;
+}
+
+.menuContainer {
+  padding: 5px 20px;
+  border-right: 2px solid $soft-bg;
+  max-width: 250px;
+  @include md {
+    padding-top: 20px;
+    padding-inline: 10px;
+  }
+}
+.contentContainer {
+  width: 100%;
+  padding: 5px 20px;
+}

test/Style/responsive.scss

@@ -0,0 +1,34 @@
+$sm: 480px;
+$md: 768px;
+$lg: 1024px;
+$xl: 1200px;
+$xxl: 1400px;
+
+@mixin sm {
+  @media screen and (max-width: $sm) {
+    @content;
+  }
+}
+
+@mixin md {
+  @media screen and (max-width: $md) {
+    @content;
+  }
+}
+
+@mixin lg {
+  @media screen and (max-width: $lg) {
+    @content;
+  }
+}
+
+@mixin xl {
+  @media screen and (max-width: $xl) {
+    @content;
+  }
+}
+@mixin xxl {
+  @media screen and (max-width: $xxl) {
+    @content;
+  }
+}

test/Style/variables.scss

@@ -0,0 +1,8 @@
+// BG
+$main-bg: #2a3447;
+$soft-bg: #384256;
+$dark-bg: #222b3c;
+//TEXT
+$main-color: white;
+$soft-color: #ddd;
+$dark-color: #2a3447;