+
+
diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index d48b87887..fed1e5ae7 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -8,30 +8,26 @@ } &.sidebar-left { - // Place the sidebar below main content on small screens ... - @include breakpoint(small) { - .main-content { order: 1; } - .sidebar { order: 2; } - } + @include breakpoint(small) { + .main-content { order: 1; } + .sidebar { order: 2; } + } // ... and to the left on medium-up screens, when using the sidebar-left template - @include breakpoint(medium) { - .main-content { order: 2; } - .sidebar { order: 1; } - } + @include breakpoint(medium) { + .main-content { order: 2; } + .sidebar { order: 1; } + } } // Full width template - &.full-width { - .main-content { - @include xy-cell(12); - } + .main-content-full-width { + @include xy-cell(12); } + // Default template .main-content { - - // Default template @include breakpoint(small) { @include xy-cell(12); } @@ -39,11 +35,9 @@ @include breakpoint(medium) { @include xy-cell(8); } - } .sidebar { - @include breakpoint(small) { @include xy-cell(12); }