do not repet breakpoints & viewport vars

cher-ami · Feb 7, 2024 · 38d0827 · 38d0827
1 parent 85abd29
commit 38d0827
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 27 deletions.
diff --git a/apps/front/src/index.less b/apps/front/src/index.less
diff --git a/apps/front/src/styles/_breakpoints.scss b/apps/front/src/styles/_breakpoints.scss
@@ -7,9 +7,9 @@ $breakpoint-bigLaptop: 1440px;
 $breakpoint-desktop: 1680px;
 
 :root {
-  --breakpoint-mobile: 320px;
-  --breakpoint-tablet: 768px;
-  --breakpoint-laptop: 1024px;
-  --breakpoint-bigLaptop: 1440px;
-  --breakpoint-desktop: 1680px;
+  --breakpoint-mobile: #{$breakpoint-mobile};
+  --breakpoint-tablet: #{$breakpoint-tablet};
+  --breakpoint-laptop: #{$breakpoint-laptop};
+  --breakpoint-bigLaptop: #{$breakpoint-bigLaptop};
+  --breakpoint-desktop: #{$breakpoint-desktop};
 }
diff --git a/apps/front/src/styles/_viewport.scss b/apps/front/src/styles/_viewport.scss
@@ -5,8 +5,8 @@ $viewport-reference-desktop-width: 1440;
 $viewport-reference-desktop-height: 900;
 
 :root {
-  --viewport-reference-width: 375;
-  --viewport-reference-height: 667;
-  --viewport-reference-desktop-width: 1440;
-  --viewport-reference-desktop-height: 900;
+  --viewport-reference-width: #{$viewport-reference-width};
+  --viewport-reference-height: #{$viewport-reference-height};
+  --viewport-reference-desktop-width: #{$viewport-reference-desktop-width};
+  --viewport-reference-desktop-height: #{$viewport-reference-desktop-height};
 }
diff --git a/apps/front/src/styles/index.scss b/apps/front/src/styles/index.scss
@@ -5,7 +5,7 @@
 @import "./_functions.scss";
 @import "./_grid.scss";
 @import "./_ratio.scss";
-@import "./reset.scss";
+@import "./_reset.scss";
 @import "./_texts.scss";
 @import "./_viewport.scss";