Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: static/scss/utilities/_layout.scss

Issue 29587584: Issue 5635 - Implement website-default navbar component (Closed) Base URL: https://hg.adblockplus.org/website-defaults
Left Patch Set: Address scalability of navbar padding with logo size Created Dec. 14, 2017, 10:26 a.m.
Right Patch Set: Rebase Created Jan. 4, 2018, 7:40 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Right: Side by side diff | Download
« no previous file with change/comment | « static/scss/main.scss ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
(no file at all)
1 // This file is part of website-defaults 1 // This file is part of website-defaults
2 // Copyright (C) 2016-present eyeo GmbH 2 // Copyright (C) 2016-present eyeo GmbH
3 // 3 //
4 // website-defaults is free software: you can redistribute it and/or 4 // website-defaults is free software: you can redistribute it and/or
5 // modify it under the terms of the GNU General Public License as published by 5 // modify it under the terms of the GNU General Public License as published by
6 // the Free Software Foundation, either version 3 of the License, or 6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version. 7 // (at your option) any later version.
8 // 8 //
9 // website-defaults is distributed in the hope that it will be useful, 9 // website-defaults is distributed in the hope that it will be useful,
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 // GNU General Public License for more details. 12 // GNU General Public License for more details.
13 // 13 //
14 // You should have received a copy of the GNU General Public License 14 // You should have received a copy of the GNU General Public License
15 // along with website-defaults. If not, see <http://www.gnu.org/licenses/>. 15 // along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
16 16
17 /** 17 /**
18 * Center within a responsive fixed width 18 * Center within a responsive fixed width
19 * Use modifier classes defined in _width.scss to change said fixed width 19 * Use modifier classes defined in _width.scss to change said fixed width
20 */ 20 */
21 .container 21 @mixin container($width: $container-width, $padding-x: $small-space)
22 { 22 {
23 width: $container-width; 23 width: $width;
24 max-width: 100%; 24 max-width: 100%;
25 margin-right: auto; 25 margin-right: auto;
26 margin-left: auto; 26 margin-left: auto;
27 padding-right: $small-space; 27 padding-right: $padding-x;
28 padding-left: $small-space; 28 padding-left: $padding-x;
29 }
30
31 .container
32 {
33 @include container;
29 } 34 }
30 35
31 /** Clear without collapsed margin */ 36 /** Clear without collapsed margin */
32 .clearfix:after, 37 .clearfix:after,
33 .clearfix:before 38 .clearfix:before
34 { 39 {
35 display: table; 40 display: table;
36 content: " "; 41 content: " ";
37 } 42 }
38 43
39 .clearfix:after 44 .clearfix:after
40 { 45 {
41 clear: both; 46 clear: both;
42 } 47 }
43 48
44 /** Align a block to the start of a line */ 49 /** Align a block to the start of a line */
45 .float-start { float: left; } 50 .float-start { float: left; }
46 [dir="rtl"] .float-start { float: right; } 51 [dir="rtl"] .float-start { float: right; }
47 52
48 /** Align a block to the end of a line */ 53 /** Align a block to the end of a line */
49 .float-end { float: right; } 54 .float-end { float: right; }
50 [dir="rtl"] .float-end { float: left; } 55 [dir="rtl"] .float-end { float: left; }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld