refactor(sidebar): update mobile sidebar width

mrholek · mrholek · commit 5a72efb52c1f · 2021-09-23T15:10:05.000+02:00
diff --git a/scss/sidebar/_sidebar.scss b/scss/sidebar/_sidebar.scss
@@ -38,14 +38,16 @@
   @each $width, $value in $sidebar-widths {
     &.sidebar-#{$width} {
       --#{$variable-prefix}sidebar-width: #{$value};
-      &:not(.sidebar-end) {
-        ~ * {
-          --#{$variable-prefix}sidebar-occupy-start: #{$value};
+      @include media-breakpoint-up($mobile-breakpoint) {
+        &:not(.sidebar-end):not(.hide) {
+          ~ * {
+            --#{$variable-prefix}sidebar-occupy-start: #{$value};
+          }
         }
-      }
-      &.sidebar-end {
-        ~ * {
-          --#{$variable-prefix}sidebar-occupy-end: #{$value};
+        &.sidebar-end:not(.hide) {
+          ~ * {
+            --#{$variable-prefix}sidebar-occupy-end: #{$value};
+          }
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -38,14 +38,16 @@`
`38`	`38`	`@each $width, $value in $sidebar-widths {`
`39`	`39`	`&.sidebar-#{$width} {`
`40`	`40`	`--#{$variable-prefix}sidebar-width: #{$value};`
`41`		`- &:not(.sidebar-end) {`
`42`		`- ~ * {`
`43`		`- --#{$variable-prefix}sidebar-occupy-start: #{$value};`
	`41`	`+ @include media-breakpoint-up($mobile-breakpoint) {`
	`42`	`+ &:not(.sidebar-end):not(.hide) {`
	`43`	`+ ~ * {`
	`44`	`+ --#{$variable-prefix}sidebar-occupy-start: #{$value};`
	`45`	`+ }`
`44`	`46`	`}`
`45`		`- }`
`46`		`- &.sidebar-end {`
`47`		`- ~ * {`
`48`		`- --#{$variable-prefix}sidebar-occupy-end: #{$value};`
	`47`	`+ &.sidebar-end:not(.hide) {`
	`48`	`+ ~ * {`
	`49`	`+ --#{$variable-prefix}sidebar-occupy-end: #{$value};`
	`50`	`+ }`
`49`	`51`	`}`
`50`	`52`	`}`
`51`	`53`	`}`