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
@@ -52,13 +52,16 @@ $yiq-contrasted-threshold: 120;
 $grid-breakpoints: (
  xs: 0,
  sm: 576px,
-  tb: 768px,
+  tb: 769px,
  md: 1024px,
  lg: 1200px,
  xl: 1440px,
 );

 $layout-bp: md;
+$layout-bp-down: tb;
+$size-bp: tb;
+$size-bp-down: sm;

 // Body
 $body-bg: #fffcfb;
@@ -18,7 +18,7 @@ a:hover {
    padding: .25rem $header-spacer-sm;
  }

-  @include media-breakpoint-up(md) {
+  @include media-breakpoint-up($layout-bp) {
    margin-left: -#{$header-spacer};

    .dropdown-item {