fix(breakpoints): fix largest screen breakpoint bug on scaling

eea · Mar 3, 2022 · e4a11c8 · e4a11c8
1 parent 74c8ba0
commit e4a11c8
Showing 1 changed file with 7 additions and 13 deletions.
diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
@@ -257,22 +257,16 @@
      Breakpoints
 --------------------*/
 
-//@mobileBreakpoint            : 480px;
-//@tabletBreakpoint            : 835px;
-//@computerBreakpoint          : 1025px;
-//@largeMonitorBreakpoint      : 1200px;
-//@widescreenMonitorBreakpoint : 1920px;
-
 @mobileBreakpoint            : 320px;
 @tabletBreakpoint            : 480px;
 @computerBreakpoint          : 835px;
 @largeMonitorBreakpoint      : 1025px;
 @widescreenMonitorBreakpoint : 1200px;
 
 /* Paddings for breakpoints */
-@mobilePadding  : 30px;
-@tabletPadding  : 40px;
-@computerPadding : 140px;
+@mobilePadding  : 1.875rem;
+@tabletPadding  : 2.5rem;
+@computerPadding : 8.75rem;
 
 /*-------------------
       Site Colors
@@ -640,10 +634,10 @@
 
 
 /* Responsive */
-@largestMobileScreen : (@tabletBreakpoint - 1px);
-@largestTabletScreen : (@computerBreakpoint - 1px);
-@largestSmallMonitor : (@largeMonitorBreakpoint - 1px);
-@largestLargeMonitor : (@widescreenMonitorBreakpoint - 1px);
+@largestMobileScreen : (@tabletBreakpoint - @1px);
+@largestTabletScreen : (@computerBreakpoint - @1px);
+@largestSmallMonitor : (@largeMonitorBreakpoint - @1px);
+@largestLargeMonitor : (@widescreenMonitorBreakpoint - @1px);
 @mobileWidth: 1279px;