use variable named breakpoints

2021-06-28 15:58:17 +02:00
parent 21801c1cef
commit c33a4cfce5
10 changed files with 36 additions and 32 deletions
@@ -86,7 +86,7 @@ export default {
  font-size: $font-size-sm;
  justify-content: space-between;

-  @include media-breakpoint-up(md) {
+  @include media-breakpoint-up($layout-bp) {
    height: $header-height;
    padding: 0 $header-spacer;
  }
@@ -99,14 +99,14 @@ export default {
      padding: 0 .5rem;
      margin-left: -.5rem;

-      @include media-breakpoint-up(tb) {
+      @include media-breakpoint-up($size-bp) {
        padding: 0 .75rem;
        margin-left: -.75rem;
      }
    }

    .dropdown-menu {
-      @include media-breakpoint-down(sm) {
+      @include media-breakpoint-down($size-bp-down) {
        width: 100vw;
      }