vendor/assets/stylesheets/canvas.scss in active_frontend-2.0.15 vs vendor/assets/stylesheets/canvas.scss in active_frontend-2.1.0

@@ -19,17 +19,17 @@
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
 }
 .canvas-content {
   padding: 30px 0;
-  max-width: calc(100% - 280px);
-  width: calc(100% - 280px);
-}
-.canvas-content.canvas-content-without-sidebar {
   max-width: 100%;
   width: 100%;
 }
+.canvas-content.canvas-content-with-sidebar {
+  max-width: calc(100% - 280px);
+  width: calc(100% - 280px);
+}
 .canvas-with-header > .canvas-content,
 .canvas-with-header > .canvas-sidebar,
 .canvas-with-header-and-footer > .canvas-content,
 .canvas-with-header-and-footer > .canvas-sidebar { margin-top: 60px; }
 .canvas-with-footer > .canvas-content,
@@ -49,30 +49,30 @@
 }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
-  .canvas-content {
+  .canvas-content.canvas-content-with-sidebar {
     max-width: calc(100% - 250px);
     width: calc(100% - 250px);
   }
   .canvas-sidebar {
     max-width: 250px;
     width: 250px;
   }
 }
 @media only screen and (max-width: 1199px) {
-  .canvas-content {
+  .canvas-content.canvas-content-with-sidebar {
     max-width: calc(100% - 220px);
     width: calc(100% - 220px);
   }
   .canvas-sidebar {
     max-width: 220px;
     width: 220px;
   }
 }
 @media only screen and (max-width: 959px) {
-  .canvas-content {
+  .canvas-content.canvas-content-with-sidebar {
     max-width: 100%;
     width: 100%;
   }
   .canvas-sidebar { display: none; }
 }
\ No newline at end of file