Unified Diff: static/scss/components/_groups.scss
Issue 29438582:
Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com (Closed)
Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Handle responsive styling
Created June 22, 2017, 3:27 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« static/scss/components/_columns.scss ('K')
|
« static/scss/components/_footnotes.scss ('k')
|
static/scss/content/_reset.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/components/_groups.scss |
| =================================================================== |
| --- a/static/scss/components/_groups.scss |
| +++ b/static/scss/components/_groups.scss |
| @@ -17,40 +17,61 @@ |
| // display like a table (even grid) |
| .group-container |
| { |
| width: 100%; |
| max-width: $max-width; |
| margin: 0 auto; |
| padding: $xl 0; |
| + |
| + @media (max-width: $desktop-breakpoint) |
| + { |
| + padding: $xs; |
| + } |
| } |
| .group-container > %headings, |
| .group-container > p |
| { |
| - margin: $xl auto; |
| + margin: $lg auto; |
| padding: 0 $sm; |
| } |
| + |
| +.group-container > p |
| +{ |
| + @media (max-width: $desktop-breakpoint) |
| + { |
| + margin: $md auto; |
| + } |
| +} |
| + |
| + |
| + |
| .group |
| { |
| display: table; |
| width: 100%; |
| table-layout: fixed; |
| } |
| .group-container .group |
| { |
| margin-bottom: 0; |
| } |
| .group-container > %headings |
| { |
| margin-top: 0; |
| + |
| + @media (max-width: $desktop-breakpoint) |
| + { |
| + margin: $md auto; |
| + } |
| } |
| .group .card, |
| .group .item |
| { |
| display: table-cell; |
| vertical-align: top; |
| } |
« static/scss/components/_columns.scss ('K')
|
« static/scss/components/_footnotes.scss ('k')
|
static/scss/content/_reset.scss » ('j')
|
no next file with comments »
