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

Side by Side Diff: static/scss/_variables.scss

Issue 29374562: Issue 4514 - Improved font readability on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Created Feb. 4, 2017, 4:59 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 | « static/css/main.css ('k') | static/scss/content/_typography.scss » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
60 $info-bg: $gray-light; 60 $info-bg: $gray-light;
61 61
62 $error: $red; 62 $error: $red;
63 $error-fg: $white; 63 $error-fg: $white;
64 $error-bg: $red; 64 $error-bg: $red;
65 65
66 // Font sizes ////////////////////////////////////////////////////////////////// 66 // Font sizes //////////////////////////////////////////////////////////////////
67 67
68 // For components 68 // For components
69 69
70 $font-size-xl: 20px; 70 $font-size-xl: 22px;
71 $font-size-lg: 18px; 71 $font-size-lg: 20px;
72 $font-size-md: 16px; 72 $font-size-md: 18px;
73 $font-size-sm: 14px; 73 $font-size-sm: 16px;
74 $font-size-xs: 12px; 74 $font-size-xs: 14px;
75 75
76 // For headers 76 // For headers
77 77
78 $font-size-h1: 42px; 78 $font-size-h1: 46px;
79 $font-size-h2: 28px; 79 $font-size-h2: 30px;
80 $font-size-h3: 22px; 80 $font-size-h3: 24px;
81 $font-size-h4: $font-size-xl; 81 $font-size-h4: $font-size-xl;
82 $font-size-h5: $font-size-lg; 82 $font-size-h5: $font-size-lg;
83 $font-size-h6: $font-size-lg; 83 $font-size-h6: $font-size-lg;
84 84
85 // Sizes /////////////////////////////////////////////////////////////////////// 85 // Sizes ///////////////////////////////////////////////////////////////////////
86 86
87 $xl: 96px; 87 $xl: 96px;
88 $lg: 64px; 88 $lg: 64px;
89 $md: 32px; 89 $md: 32px;
90 $sm: 16px; 90 $sm: 16px;
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
156 156
157 button, input[type="button"], input[type="reset"], input[type="submit"], .btn-ou tline-primary, .btn-outline-accent, .btn-primary, .btn-accent 157 button, input[type="button"], input[type="reset"], input[type="submit"], .btn-ou tline-primary, .btn-outline-accent, .btn-primary, .btn-accent
158 { 158 {
159 @extend %buttons !optional; 159 @extend %buttons !optional;
160 } 160 }
161 161
162 button, input[type="button"], input[type="reset"], input[type="submit"], .btn-pr imary 162 button, input[type="button"], input[type="reset"], input[type="submit"], .btn-pr imary
163 { 163 {
164 @extend %default-button !optional; 164 @extend %default-button !optional;
165 } 165 }
OLDNEW
« no previous file with comments | « static/css/main.css ('k') | static/scss/content/_typography.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld