Unified Diff: static/css/main.css
Issue 29722720:
Fixes #36 - Adjusted heading font-sizes and line-heights (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set:
Created March 14, 2018, 1:35 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« pages/heading-test.md ('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/css/main.css |
| =================================================================== |
| --- a/static/css/main.css |
| +++ b/static/css/main.css |
| @@ -142,37 +142,54 @@ |
| padding: 2em 0; |
| } |
| /****************************************************************************** |
| * .content |
| *****************************************************************************/ |
| .content h1, |
| +.content .h1, |
| .content h2, |
| .content h3, |
| .content h4, |
| .content h5 |
| { |
| font-weight: bold; |
| margin: 32px 0 16px 0; |
| margin: 2rem 0 1rem 0; |
| + line-height: 1.4; |
| } |
| .content h1, |
| -.content .h1 { font-size: 1.8em; } |
| +.content .h1 { font-size: 1.4em; } |
| +.content h2 { font-size: 1.3em; } |
| +.content h3 { font-size: 1.2em; } |
| +.content h4 { font-size: 1.1em; } |
| +.content h5 { font-size: 1em; } |
| -.content h2 { font-size: 1.4em; } |
| -.content h3 { font-size: 1.3em; } |
| -.content h4 { font-size: 1.2em; } |
| -.content h5 { font-size: 1.1em; } |
| +@media(min-width: 576px) |
| +{ |
| + .content h1, |
| + .content .h1 { font-size: 1.6em; } |
| + .content h2 { font-size: 1.4em; } |
| + .content h3 { font-size: 1.3em; } |
| + .content h4 { font-size: 1.2em; } |
| + .content h5 { font-size: 1.1em; } |
| +} |
| @media(min-width: 768px) |
| { |
| - .content h1 { font-size: 2.4em; } |
| + .content h1, |
| + .content .h1 |
| + { |
| + font-size: 2.4em; |
| + line-height: 1.3; |
| + } |
| + |
| .content h2 { font-size: 1.6em; } |
| } |
| .content a, |
| .content a:visited |
| { |
| color: #c70d2c; |
| } |
« no previous file with comments
|
« pages/heading-test.md ('k')
|
no next file »
|
no next file with comments »
