Unified Diff: static/scss/_utilities.scss
Issue 29587584:
Issue 5635 - Implement website-default navbar component (Closed)
Base URL: https://hg.adblockplus.org/website-defaults
Patch Set: Address scalability of navbar padding with logo size
Created Dec. 14, 2017, 10:26 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« static/scss/_navbar.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 |
| @@ -28,24 +28,29 @@ |
| { |
| display: block; |
| width: 100%; |
| } |
| /** |
| * Center content within a (responsive) fixed width |
| */ |
| -.container |
| +@mixin container($width: $container-width, $padding-x: $small-space) |
| { |
| - width: $container-width; |
| + width: $width; |
| max-width: 100%; |
| margin-right: auto; |
| margin-left: auto; |
| - padding-right: $small-space; |
| - padding-left: $small-space; |
| + padding-right: $padding-x; |
| + padding-left: $padding-x; |
| +} |
| + |
| +.container |
| +{ |
| + @include container; |
| } |
| /* Device widths |
| ******************************************************************************/ |
| .phone-width { width: $phone-width; } |
| .phablet-width { width: $phablet-width; } |
| .tablet-width { width: $tablet-width; } |
« no previous file with comments
|
« static/scss/_navbar.scss ('k')
|
static/scss/_variables.scss » ('j')
|
no next file with comments »
