layout-mobile break-point md to lg

4 years ago · a337965c33
parent a82603dc37
commit a337965c33
5 changed files with 5 additions and 5 deletions
--- a/src/scss/_layout-fixed.scss
+++ b/src/scss/_layout-fixed.scss
@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
  .layout-fixed:not(.sidebar-horizontal) {
    // .main-brand {
    //   bottom: 0;
--- a/src/scss/_layout-mobile.scss
+++ b/src/scss/_layout-mobile.scss
@ -1,4 +1,4 @@
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down(lg) {
  .wrapper {
    // grid-template-areas:
    //   "main-sidebar main-header"
--- a/src/scss/_sidebar-horizontal.scss
+++ b/src/scss/_sidebar-horizontal.scss
@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
  .sidebar-horizontal {
    .wrapper {
      grid-template-areas:
--- a/src/scss/mixins/_header-variant.scss
+++ b/src/scss/mixins/_header-variant.scss
@ -22,7 +22,7 @@
    }
  }

-  @include media-breakpoint-down(md) {
+  @include media-breakpoint-down(lg) {
    .main-header {
      background-color: $header-mobile-bg;
      color: $header-mobile-color;
--- a/src/ts/sidebar-overlay.ts
+++ b/src/ts/sidebar-overlay.ts
@ -25,7 +25,7 @@ const SELECTOR_SIDEBAR_SM = `.${CLASS_NAME_LAYOUT_MOBILE}`
 const SELECTOR_CONTENT_WRAPPER = '.content-wrapper'

 const Defaults = {
-  onLayouMobile: 768
+  onLayouMobile: 992
 }

 class SidebarOverlay {