Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(129)

Side by Side Diff: lib/src/paper-styles/typography.html

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « lib/src/paper-styles/paper-styles.html ('k') | lib/src/paper-tabs/paper-tabs.html » ('j') | 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 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
(...skipping 29 matching lines...) Expand all
40 overflow: hidden; 40 overflow: hidden;
41 text-overflow: ellipsis; 41 text-overflow: ellipsis;
42 }; 42 };
43 43
44 /* Material Font Styles */ 44 /* Material Font Styles */
45 45
46 --paper-font-display4: { 46 --paper-font-display4: {
47 /* @apply(--paper-font-common-base) */ 47 /* @apply(--paper-font-common-base) */
48 font-family: 'Roboto', 'Noto', sans-serif; 48 font-family: 'Roboto', 'Noto', sans-serif;
49 -webkit-font-smoothing: antialiased; 49 -webkit-font-smoothing: antialiased;
50 /* @apply(--paper-font-common-expensive-kerning); */ 50
51 text-rendering: optimizeLegibility;
52 /* @apply(--paper-font-common-nowrap); */ 51 /* @apply(--paper-font-common-nowrap); */
53 white-space: nowrap; 52 white-space: nowrap;
54 overflow: hidden; 53 overflow: hidden;
55 text-overflow: ellipsis; 54 text-overflow: ellipsis;
56 55
57 font-size: 112px; 56 font-size: 112px;
58 font-weight: 300; 57 font-weight: 300;
59 letter-spacing: -.044em; 58 letter-spacing: -.044em;
60 line-height: 120px; 59 line-height: 120px;
61 }; 60 };
62 61
63 --paper-font-display3: { 62 --paper-font-display3: {
64 /* @apply(--paper-font-common-base) */ 63 /* @apply(--paper-font-common-base) */
65 font-family: 'Roboto', 'Noto', sans-serif; 64 font-family: 'Roboto', 'Noto', sans-serif;
66 -webkit-font-smoothing: antialiased; 65 -webkit-font-smoothing: antialiased;
67 /* @apply(--paper-font-common-expensive-kerning); */ 66
68 text-rendering: optimizeLegibility;
69 /* @apply(--paper-font-common-nowrap); */ 67 /* @apply(--paper-font-common-nowrap); */
70 white-space: nowrap; 68 white-space: nowrap;
71 overflow: hidden; 69 overflow: hidden;
72 text-overflow: ellipsis; 70 text-overflow: ellipsis;
73 71
74 font-size: 56px; 72 font-size: 56px;
75 font-weight: 400; 73 font-weight: 400;
76 letter-spacing: -.026em; 74 letter-spacing: -.026em;
77 line-height: 60px; 75 line-height: 60px;
78 }; 76 };
79 77
80 --paper-font-display2: { 78 --paper-font-display2: {
81 /* @apply(--paper-font-common-base) */ 79 /* @apply(--paper-font-common-base) */
82 font-family: 'Roboto', 'Noto', sans-serif; 80 font-family: 'Roboto', 'Noto', sans-serif;
83 -webkit-font-smoothing: antialiased; 81 -webkit-font-smoothing: antialiased;
84 /* @apply(--paper-font-common-expensive-kerning); */ 82
85 text-rendering: optimizeLegibility;
86 83
87 font-size: 45px; 84 font-size: 45px;
88 font-weight: 400; 85 font-weight: 400;
89 letter-spacing: -.018em; 86 letter-spacing: -.018em;
90 line-height: 48px; 87 line-height: 48px;
91 }; 88 };
92 89
93 --paper-font-display1: { 90 --paper-font-display1: {
94 /* @apply(--paper-font-common-base) */ 91 /* @apply(--paper-font-common-base) */
95 font-family: 'Roboto', 'Noto', sans-serif; 92 font-family: 'Roboto', 'Noto', sans-serif;
96 -webkit-font-smoothing: antialiased; 93 -webkit-font-smoothing: antialiased;
97 /* @apply(--paper-font-common-expensive-kerning); */ 94
98 text-rendering: optimizeLegibility;
99 95
100 font-size: 34px; 96 font-size: 34px;
101 font-weight: 400; 97 font-weight: 400;
102 letter-spacing: -.01em; 98 letter-spacing: -.01em;
103 line-height: 40px; 99 line-height: 40px;
104 }; 100 };
105 101
106 --paper-font-headline: { 102 --paper-font-headline: {
107 /* @apply(--paper-font-common-base) */ 103 /* @apply(--paper-font-common-base) */
108 font-family: 'Roboto', 'Noto', sans-serif; 104 font-family: 'Roboto', 'Noto', sans-serif;
109 -webkit-font-smoothing: antialiased; 105 -webkit-font-smoothing: antialiased;
110 /* @apply(--paper-font-common-expensive-kerning); */ 106
111 text-rendering: optimizeLegibility;
112 107
113 font-size: 24px; 108 font-size: 24px;
114 font-weight: 400; 109 font-weight: 400;
115 letter-spacing: -.012em; 110 letter-spacing: -.012em;
116 line-height: 32px; 111 line-height: 32px;
117 }; 112 };
118 113
119 --paper-font-title: { 114 --paper-font-title: {
120 /* @apply(--paper-font-common-base) */ 115 /* @apply(--paper-font-common-base) */
121 font-family: 'Roboto', 'Noto', sans-serif; 116 font-family: 'Roboto', 'Noto', sans-serif;
122 -webkit-font-smoothing: antialiased; 117 -webkit-font-smoothing: antialiased;
123 /* @apply(--paper-font-common-expensive-kerning); */ 118
124 text-rendering: optimizeLegibility;
125 /* @apply(--paper-font-common-nowrap); */ 119 /* @apply(--paper-font-common-nowrap); */
126 white-space: nowrap; 120 white-space: nowrap;
127 overflow: hidden; 121 overflow: hidden;
128 text-overflow: ellipsis; 122 text-overflow: ellipsis;
129 123
130 font-size: 20px; 124 font-size: 20px;
131 font-weight: 500; 125 font-weight: 500;
132 line-height: 28px; 126 line-height: 28px;
133 }; 127 };
134 128
135 --paper-font-subhead: { 129 --paper-font-subhead: {
136 /* @apply(--paper-font-common-base) */ 130 /* @apply(--paper-font-common-base) */
137 font-family: 'Roboto', 'Noto', sans-serif; 131 font-family: 'Roboto', 'Noto', sans-serif;
138 -webkit-font-smoothing: antialiased; 132 -webkit-font-smoothing: antialiased;
139 /* @apply(--paper-font-common-expensive-kerning); */ 133
140 text-rendering: optimizeLegibility;
141 134
142 font-size: 16px; 135 font-size: 16px;
143 font-weight: 400; 136 font-weight: 400;
144 line-height: 24px; 137 line-height: 24px;
145 }; 138 };
146 139
147 --paper-font-body2: { 140 --paper-font-body2: {
148 /* @apply(--paper-font-common-base) */ 141 /* @apply(--paper-font-common-base) */
149 font-family: 'Roboto', 'Noto', sans-serif; 142 font-family: 'Roboto', 'Noto', sans-serif;
150 -webkit-font-smoothing: antialiased; 143 -webkit-font-smoothing: antialiased;
(...skipping 25 matching lines...) Expand all
176 font-size: 12px; 169 font-size: 12px;
177 font-weight: 400; 170 font-weight: 400;
178 letter-spacing: 0.011em; 171 letter-spacing: 0.011em;
179 line-height: 20px; 172 line-height: 20px;
180 }; 173 };
181 174
182 --paper-font-menu: { 175 --paper-font-menu: {
183 /* @apply(--paper-font-common-base) */ 176 /* @apply(--paper-font-common-base) */
184 font-family: 'Roboto', 'Noto', sans-serif; 177 font-family: 'Roboto', 'Noto', sans-serif;
185 -webkit-font-smoothing: antialiased; 178 -webkit-font-smoothing: antialiased;
186 /* @apply(--paper-font-common-expensive-kerning); */ 179
187 text-rendering: optimizeLegibility;
188 /* @apply(--paper-font-common-nowrap); */ 180 /* @apply(--paper-font-common-nowrap); */
189 white-space: nowrap; 181 white-space: nowrap;
190 overflow: hidden; 182 overflow: hidden;
191 text-overflow: ellipsis; 183 text-overflow: ellipsis;
192 184
193 font-size: 13px; 185 font-size: 13px;
194 font-weight: 500; 186 font-weight: 500;
195 line-height: 24px; 187 line-height: 24px;
196 }; 188 };
197 189
198 --paper-font-button: { 190 --paper-font-button: {
199 /* @apply(--paper-font-common-base) */ 191 /* @apply(--paper-font-common-base) */
200 font-family: 'Roboto', 'Noto', sans-serif; 192 font-family: 'Roboto', 'Noto', sans-serif;
201 -webkit-font-smoothing: antialiased; 193 -webkit-font-smoothing: antialiased;
202 /* @apply(--paper-font-common-expensive-kerning); */ 194
203 text-rendering: optimizeLegibility;
204 /* @apply(--paper-font-common-nowrap); */ 195 /* @apply(--paper-font-common-nowrap); */
205 white-space: nowrap; 196 white-space: nowrap;
206 overflow: hidden; 197 overflow: hidden;
207 text-overflow: ellipsis; 198 text-overflow: ellipsis;
208 199
209 font-size: 14px; 200 font-size: 14px;
210 font-weight: 500; 201 font-weight: 500;
211 letter-spacing: 0.018em; 202 letter-spacing: 0.018em;
212 line-height: 24px; 203 line-height: 24px;
213 text-transform: uppercase; 204 text-transform: uppercase;
(...skipping 15 matching lines...) Expand all
229 -webkit-font-smoothing: antialiased; 220 -webkit-font-smoothing: antialiased;
230 221
231 font-size: 14px; 222 font-size: 14px;
232 font-weight: 500; 223 font-weight: 500;
233 line-height: 20px; 224 line-height: 20px;
234 }; 225 };
235 226
236 } 227 }
237 228
238 </style> 229 </style>
OLDNEW
« no previous file with comments | « lib/src/paper-styles/paper-styles.html ('k') | lib/src/paper-tabs/paper-tabs.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698