Unified Diff: static/scss/content/_typography.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: Remove @media screen, Resize h2, Keep icon size
Created May 31, 2017, 9:53 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« static/scss/components/_groups.scss ('K')
|
« static/scss/content/_reset.scss ('k')
|
static/scss/layout/_footer.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/content/_typography.scss |
| =================================================================== |
| --- a/static/scss/content/_typography.scss |
| +++ b/static/scss/content/_typography.scss |
| @@ -25,24 +25,36 @@ |
| h1, |
| .h1 |
| { |
| margin: $xl 0 $lg 0; |
| text-transform: none; |
| font-size: $font-size-h1; |
| font-weight: 300; |
| + |
| + @media (max-width: $tablet-breakpoint) |
| + { |
| + font-size: $font-size-h1 - 12px; |
| + margin-top: $md; |
| + } |
| } |
| h2, |
| .h2 |
| { |
| margin: $lg 0 $md 0; |
| font-size: $font-size-h2; |
| font-weight: 700; |
| + |
| + @media (max-width: $tablet-breakpoint) |
| + { |
| + font-size: $font-size-h2 - 6px; |
| + margin-top: $md; |
| + } |
| } |
| h3, |
| .h3 |
| { |
| margin: $lg 0 $md 0; |
| font-size: $font-size-h3; |
| font-weight: 700; |
| @@ -287,18 +299,24 @@ |
| { |
| border: none; |
| } |
| .center blockquote |
| { |
| @extend h2; |
| margin: 0; |
| - padding: $xl 0; |
| + padding: $lg 0; |
| font-style: normal; |
| + |
| + @media (max-width: $tablet-breakpoint) |
| + { |
| + font-size: $font-size-h3; |
| + padding: $md 0; |
| + } |
| } |
| .center blockquote p:last-child |
| { |
| margin-top: -$xs; |
| } |
| cite |
« static/scss/components/_groups.scss ('K')
|
« static/scss/content/_reset.scss ('k')
|
static/scss/layout/_footer.scss » ('j')
|
no next file with comments »
