diff --git a/resources/screen-desktop-full.less b/resources/screen-desktop-full.less index f068704..b563653 100644 --- a/resources/screen-desktop-full.less +++ b/resources/screen-desktop-full.less @@ -1,5 +1,7 @@ @import 'variables.less'; +// Three-column layout + #mw-content-block { .flex-display; clear: both; diff --git a/resources/screen-desktop-mid.less b/resources/screen-desktop-mid.less index 07ba025..82161b7 100644 --- a/resources/screen-desktop-mid.less +++ b/resources/screen-desktop-mid.less @@ -1,5 +1,7 @@ @import 'variables.less'; +// Two-column layout + #mw-content-block { clear: both; } diff --git a/resources/screen-desktop-small.less b/resources/screen-desktop-small.less index d62b2aa..21aecbc 100644 --- a/resources/screen-desktop-small.less +++ b/resources/screen-desktop-small.less @@ -1,5 +1,7 @@ @import 'variables.less'; +// Single-column layout with dropdown menus + // Redundant sidebar category list and stuff #mw-content-block { diff --git a/resources/screen-desktop.less b/resources/screen-desktop.less index 5e89b2f..659171c 100644 --- a/resources/screen-desktop.less +++ b/resources/screen-desktop.less @@ -9,6 +9,7 @@ .ts-inner { max-width: @content-width; + box-sizing: border-box; padding: 0 1em; margin: auto; } diff --git a/resources/screen-misc.less b/resources/screen-misc.less index 195a4e6..cb144ac 100644 --- a/resources/screen-misc.less +++ b/resources/screen-misc.less @@ -1,32 +1,5 @@ @import 'variables.less'; -// Let's add some unnecessary white space. Or grey, as it were. In the dumbest possible way. - -// Top end of large screens -@media screen and ( min-width: 1425px ) { - .color-middle-container, - .ts-inner { - padding: 0 3em; - } - - .color-middle { - margin-left: @column-left-size; - margin-right: @column-right-size; - } -} - -// Top half end of mid screens -@media screen and ( min-width: ( @desktop-small-width + @desktop-mid-width ) / 2 ) and ( max-width: @desktop-mid-width ) { - .ts-inner { - padding: 0 3em; - } - - .color-middle { - margin-left: @column-left-size + 3em; - margin-right: @column-right-size + 3em; - } -} - // Prevent logo text overlapping icons on small displays @media screen and ( max-width: 550px ) { #p-logo-text {