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

Side by Side 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.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « pages/heading-test.md ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 * 1 *
2 { 2 {
3 font-family: Arial, sans; 3 font-family: Arial, sans;
4 font-size: 16px; 4 font-size: 16px;
5 } 5 }
6 6
7 body 7 body
8 { 8 {
9 margin: 0; 9 margin: 0;
10 /* Start below fixed navbar */ 10 /* Start below fixed navbar */
(...skipping 129 matching lines...) Expand 10 before | Expand all | Expand 10 after
140 .section 140 .section
141 { 141 {
142 padding: 2em 0; 142 padding: 2em 0;
143 } 143 }
144 144
145 /****************************************************************************** 145 /******************************************************************************
146 * .content 146 * .content
147 *****************************************************************************/ 147 *****************************************************************************/
148 148
149 .content h1, 149 .content h1,
150 .content .h1,
150 .content h2, 151 .content h2,
151 .content h3, 152 .content h3,
152 .content h4, 153 .content h4,
153 .content h5 154 .content h5
154 { 155 {
155 font-weight: bold; 156 font-weight: bold;
156 margin: 32px 0 16px 0; 157 margin: 32px 0 16px 0;
157 margin: 2rem 0 1rem 0; 158 margin: 2rem 0 1rem 0;
159 line-height: 1.4;
158 } 160 }
159 161
160 .content h1, 162 .content h1,
161 .content .h1 { font-size: 1.8em; } 163 .content .h1 { font-size: 1.4em; }
164 .content h2 { font-size: 1.3em; }
165 .content h3 { font-size: 1.2em; }
166 .content h4 { font-size: 1.1em; }
167 .content h5 { font-size: 1em; }
162 168
163 .content h2 { font-size: 1.4em; } 169 @media(min-width: 576px)
164 .content h3 { font-size: 1.3em; } 170 {
165 .content h4 { font-size: 1.2em; } 171 .content h1,
166 .content h5 { font-size: 1.1em; } 172 .content .h1 { font-size: 1.6em; }
173 .content h2 { font-size: 1.4em; }
174 .content h3 { font-size: 1.3em; }
175 .content h4 { font-size: 1.2em; }
176 .content h5 { font-size: 1.1em; }
177 }
167 178
168 @media(min-width: 768px) 179 @media(min-width: 768px)
169 { 180 {
170 .content h1 { font-size: 2.4em; } 181 .content h1,
182 .content .h1
183 {
184 font-size: 2.4em;
185 line-height: 1.3;
186 }
187
171 .content h2 { font-size: 1.6em; } 188 .content h2 { font-size: 1.6em; }
172 } 189 }
173 190
174 .content a, 191 .content a,
175 .content a:visited 192 .content a:visited
176 { 193 {
177 color: #c70d2c; 194 color: #c70d2c;
178 } 195 }
179 196
180 /* Buttons 197 /* Buttons
(...skipping 613 matching lines...) Expand 10 before | Expand all | Expand 10 after
794 left: 50%; 811 left: 50%;
795 width: 80px; 812 width: 80px;
796 margin-top: -60px; 813 margin-top: -60px;
797 margin-left: -40px; 814 margin-left: -40px;
798 } 815 }
799 816
800 .hide-disclaimer .video-play 817 .hide-disclaimer .video-play
801 { 818 {
802 margin-top: -40px; 819 margin-top: -40px;
803 } 820 }
OLDNEW
« no previous file with comments | « pages/heading-test.md ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld