_layout.scss in active_frontend-16.2.0

- old
+ new

@@ -39,26 +39,26 @@
   }
 }
 
 // Media Queries
 // ==================================================
-@media only screen and (min-width: 960px) and (max-width: 1365px) {
+@media only screen and (min-width: breakpoint-min-width(b)) and (max-width: breakpoint-max-width(l)) {
   .layout-sidebar {
     width: 260px;
 
     &:not(.hidden) + .layout-body { width: calc(100% - 260px); }
     &.fixed + .layout-body { width: 100%; }
   }
 }
-@media only screen and (min-width: 813px) and (max-width: 959px) {
+@media only screen and (min-width: breakpoint-min-width(s)) and (max-width: breakpoint-max-width(b)) {
   .layout-sidebar {
     width: 220px;
 
     &:not(.hidden) + .layout-body { width: calc(100% - 220px); }
     &.fixed + .layout-body { width: 100%; }
   }
 }
-@media only screen and (max-width: 812px) {
+@media only screen and (max-width: breakpoint-max-width(s)) {
   .layout-body,
   .layout-sidebar {
     height: initial;
     min-height: 100%;
     margin: 0;