|
|
|
|
@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;
|
|
|
|
|
}
|
|
|
|
|
}
|
