Unified Diff: static/scss/layout/_footer.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/content/_typography.scss ('k')
|
no next file »
|
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/layout/_footer.scss |
| =================================================================== |
| --- a/static/scss/layout/_footer.scss |
| +++ b/static/scss/layout/_footer.scss |
| @@ -17,22 +17,39 @@ |
| #footer |
| { |
| padding-top: $lg; |
| padding-bottom: $xl; |
| font-size: 70%; |
| background-color: $secondary-bg; |
| color: $secondary-fg; |
| + @media (max-width: $tablet-breakpoint) |
| + { |
| + padding-top: $md; |
| + padding-bottom: $lg; |
| + } |
| + |
| + @media (max-width: $mobile-breakpoint) |
| + { |
| + padding-top: $sm; |
| + padding-bottom: $sm; |
| + } |
| + |
| %headings |
| { |
| position: relative; |
| margin-bottom: $md; |
| padding-top: $xs; |
| @extend h5; |
| + |
| + @media (max-width: $mobile-breakpoint) |
| + { |
| + margin-bottom: $sm; |
| + } |
| } |
| %headings::before |
| { |
| display: block; |
| position: absolute; |
| top: 0; |
| left: 0; |
« static/scss/components/_columns.scss ('K')
|
« static/scss/content/_typography.scss ('k')
|
no next file »
|
no next file with comments »
