ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added sass variables for max content width, with and without sidebar.

Browse source
This commit is contained in:
Fredrik Jonsson 2017-05-18 14:02:15 +02:00
commit c0b9480f7c
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
sass/init/_variables.scss
View file

@ -167,6 +167,10 @@ $rem-fallback: false;
//
// Style guide: sass.variables.zen-grids
// The max content width (the gutters with will be added).
$max-content-width: 1140px;
$max-no-sidebars-content-width: 840px;
// These are needed for all breakpoints on all layouts.
$zen-auto-include-grid-item-base: false;
$zen-box-sizing: universal-border-box;

7
sass/layouts/layout-center/_layout-center.scss
View file

@ -32,8 +32,11 @@
// We wrap the max-width declaration with zen-layout() so we can see the value
// of $zen-gutters when it is at the larger "xl"-sized media query.
@include zen-layout(xl) {
// The max content width is 1140px (the container width minus the gutters.)
max-width: 1140px + $zen-gutters;
max-width: $max-content-width + $zen-gutters;
.no-sidebars & {
max-width: $max-no-sidebars-content-width + $zen-gutters;
}
}
@include zen-respond-to(m) {