calculate breakpoint suffix before media query

fluid-framework · Mar 16, 2021 · 82b8241 · 82b8241
1 parent 7e6a262
commit 82b8241
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/_timeline.scss b/src/components/_timeline.scss
@@ -72,8 +72,9 @@
 
 // responsive dual mode
 @each $breakpoint in map-keys($breakpoints) {
+  $breakpoint-suffix: prefix(name-breakpoint($breakpoint), "\\"+ $breakpoints-above-prefix);
+
   @include media-breakpoint-above($breakpoint) {
-    $breakpoint-suffix: prefix(name-breakpoint($breakpoint), "\\"+ $breakpoints-above-prefix);
 
     .timeline.is-dual#{$breakpoint-suffix} {
       @include timeline-dual;