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

Side by Side Diff: static/scss/content/_typography.scss

Issue 29497585: Issue 4514 - Font readability on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Created July 25, 2017, 1:34 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
OLDNEW
1 // This file is part of acceptableads.org. 1 // This file is part of acceptableads.org.
2 // Copyright (C) 2016 Eyeo GmbH 2 // Copyright (C) 2016 Eyeo GmbH
3 // 3 //
4 // acceptableads.org is free software: you can redistribute it and/or modify 4 // acceptableads.org is free software: you can redistribute it and/or modify
5 // it under the terms of the GNU General Public License as published by 5 // it under the terms of the GNU General Public License as published by
6 // the Free Software Foundation, either version 3 of the License, or 6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version. 7 // (at your option) any later version.
8 // 8 //
9 // acceptableads.org is distributed in the hope that it will be useful, 9 // acceptableads.org is distributed in the hope that it will be useful,
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
124 body 124 body
125 { 125 {
126 color: $primary-fg; 126 color: $primary-fg;
127 // @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practic al-guide/ 127 // @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practic al-guide/
128 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, 128 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
129 "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 129 "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
130 "Fira Sans", "Droid Sans", "Helvetica Neue", 130 "Fira Sans", "Droid Sans", "Helvetica Neue",
131 sans-serif; 131 sans-serif;
132 font-size: $font-size-lg; 132 font-size: $font-size-lg;
133 font-weight: 300; 133 font-weight: 300;
134 line-height: 120%; 134 line-height: 1.5;
135 135
136 @media (max-width: $mobile-breakpoint) 136 @media (max-width: $mobile-breakpoint)
137 { 137 {
138 font-size: $font-size-lg - 2px; 138 font-size: $font-size-lg - 2px;
139 } 139 }
140 } 140 }
141 141
142 small, 142 small,
143 .small 143 .small
144 { 144 {
(...skipping 338 matching lines...) Expand 10 before | Expand all | Expand 10 after
483 { 483 {
484 vertical-align: bottom; 484 vertical-align: bottom;
485 text-transform: uppercase; 485 text-transform: uppercase;
486 border-bottom: 2px solid $info; 486 border-bottom: 2px solid $info;
487 } 487 }
488 488
489 table tbody + tbody 489 table tbody + tbody
490 { 490 {
491 border-top: 2px solid $info; 491 border-top: 2px solid $info;
492 } 492 }
OLDNEW

Powered by Google App Engine
This is Rietveld