Unified Diff: static/scss/_utilities.scss
Issue 29590583:
Noissue - Applied responsive margin & padding mixins (Closed)
Base URL: https://hg.adblockplus.org/website-defaults
Patch Set:
Created Oct. 27, 2017, 12:15 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« static/scss/_mixins.scss ('k')
|
static/scss/_variables.scss » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/scss/_utilities.scss |
| =================================================================== |
| --- a/static/scss/_utilities.scss |
| +++ b/static/scss/_utilities.scss |
| @@ -34,20 +34,29 @@ |
| * Center content within a (responsive) fixed width |
| */ |
| .container |
| { |
| width: $container-width; |
| max-width: 100%; |
| margin-right: auto; |
| margin-left: auto; |
| - padding-right: $small-space; |
| - padding-left: $small-space; |
| + @include padding-breakpoints($container-spacing, 'x'); |
| } |
| +/** |
| + * Vertically separate sections of content |
| + */ |
| +.section |
| +{ |
| + @extend .clearfix; |
| + @include padding-breakpoints($section-spacing, 'y'); |
| +} |
| + |
| + |
| /* Device widths |
| ******************************************************************************/ |
| .phone-width { width: $phone-width; } |
| .phablet-width { width: $phablet-width; } |
| .tablet-width { width: $tablet-width; } |
| .desktop-width { width: $desktop-width; } |
| .large-desktop-width { width: $large-desktop-width; } |
« no previous file with comments
|
« static/scss/_mixins.scss ('k')
|
static/scss/_variables.scss » ('j')
|
no next file with comments »
