fix: use breakpoint variables

City-of-Helsinki · Oct 2, 2024 · 73531be · 73531be
1 parent 70dc532
commit 73531be
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/core/src/components/breadcrumb/_breadcrumb-mixin.scss b/packages/core/src/components/breadcrumb/_breadcrumb-mixin.scss
@@ -53,15 +53,15 @@
     --icon-size: var(--spacing-s);
   }
 
-  @media (min-width: 768px) {
+  @media (min-width: var(--breakpoint-m)) {
     --horizontal-margin: var(--horizontal-margin-medium);
   }
 
-  @media (min-width: 992px) {
+  @media (min-width: var(--breakpoint-l)) {
     --horizontal-margin: var(--horizontal-margin-large);
   }
 
-  @media (min-width: 1248px) {
+  @media (min-width: var(--breakpoint-xl)) {
     --horizontal-margin: var(--horizontal-margin-x-large);
   }
 }
@@ -90,7 +90,7 @@
     }
   }
 
-  @media (min-width: 768px) {
+  @media (var(--breakpoint-m)) {
     &__list {
       &--mobile {
         display: none;
@@ -106,7 +106,7 @@
     }
   }
 
-  @media (min-width: 768px) {
+  @media (var(--breakpoint-m)) {
     &__list {
       &--desktop {
         display: flex;