Replace mixin error_message

Wysogota · Aug 22, 2022 · bfdb4c3 · bfdb4c3
1 parent bf641a7
commit bfdb4c3
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 17 deletions.
diff --git a/client/src/common/styles/_functions.scss b/client/src/common/styles/_functions.scss
@@ -1,3 +1,5 @@
+@import './colors ';
+
 %text-overflow {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -10,4 +12,22 @@
   -webkit-line-clamp: $lines;
   -webkit-box-orient: vertical;
   overflow: hidden;
+}
+
+@mixin error_message($padding) {
+  padding: $padding;
+  color: $error_color;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+%remove-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }
diff --git a/client/src/common/styles/elements.module.scss b/client/src/common/styles/elements.module.scss
@@ -9,19 +9,4 @@
   >* {
     text-align: center;
   }
-}
-
-.header {
-  @media screen and (max-width: 1200px) {
-    font-size: 1.5rem;
-  }
-}
-
-@mixin error_message($padding) {
-  padding: $padding;
-  color: $error_color;
-  position: absolute;
-  top: 50%;
-  right: 0;
-  transform: translateY(-50%);
 }
diff --git a/client/src/components/Input/Input.module.scss b/client/src/components/Input/Input.module.scss
@@ -1,4 +1,4 @@
-@import '../../common/styles/elements.module.scss';
+@import '../../common/styles/functions';
 
 .error {
   @include error_message(0 0.75rem 0 0);

diff --git a/client/src/pages/Settings/Settings.module.scss b/client/src/pages/Settings/Settings.module.scss
@@ -1,5 +1,5 @@
 @import '../../common/styles/colors';
-@import '../../common/styles/elements.module.scss';
+@import '../../common/styles/functions';
 
 .submit {
   width: 10rem;