➕ Allow user to configure sidebar full breakpoint

fluid-framework · May 8, 2021 · 06b29b2 · 06b29b2
1 parent c297c4c
commit 06b29b2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/objects/_layout.scss b/src/objects/_layout.scss
@@ -56,7 +56,7 @@
     width: 100%;
     @include transition($sidebar-transition);
 
-    @include media-breakpoint-above(sm) {
+    @include media-breakpoint-above($sidebar-full-breakpoint) {
       width: inherit;
       min-width: $sidebar-minwidth;
       max-width: $sidebar-maxwidth;

diff --git a/src/settings/objects/_layout.scss b/src/settings/objects/_layout.scss
@@ -35,6 +35,7 @@ $sidebar-direction:                  left !default;
 $sidebar-transition:                 #{$sidebar-direction} .5s ease-in-out !default;
 $sidebar-minwidth:                   250px !default;
 $sidebar-maxwidth:                   60vw !default;
+$sidebar-full-breakpoint:            sm !default;
 
 // Overlay
 $overlay-background:                 rgba($black, .75) !default;