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

- old
+ new

@@ -27,28 +27,20 @@ .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, -.canvas-with-header-and-footer > .canvas-content { padding-bottom: 90px; } +.canvas-with-header > .canvas-sidebar { margin-top: 65px; } +.canvas-with-footer > .canvas-content { padding-bottom: 90px; } .canvas-sidebar { max-width: 280px; width: 280px; } -.canvas-with-header .sidebar, -.canvas-with-footer .sidebar { +.canvas-with-header .sidebar { height: calc(100% - 60px); max-height: calc(100% - 60px); } -.canvas-with-header-and-footer .sidebar { - height: calc(100% - 120px); - max-height: calc(100% - 120px); -} /* # Media Queries ================================================== */ @media only screen and (max-width: 1365px) { .canvas-content.canvas-content-with-sidebar { @@ -76,10 +68,8 @@ width: 100%; } .canvas-sidebar { display: none; } } @media only screen and (max-width: 767px) { - .canvas-with-header > .canvas-content, - .canvas-with-header-and-footer > .canvas-content { margin-top: 50px; } - .canvas-with-footer > .canvas-content, - .canvas-with-header-and-footer > .canvas-content { padding-bottom: 80px; } + .canvas-with-header > .canvas-content { margin-top: 50px; } + .canvas-with-footer > .canvas-content { padding-bottom: 80px; } } \ No newline at end of file