OLD | NEW |
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 <!-- TODO(nevir): Should we upgrade Polymer/font-roboto to the final font? --> | 10 <link rel="import" href="../../font-roboto/roboto.html"> |
11 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,300,30
0italic,400italic,500,500italic,700,700italic"> | |
12 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Inconsolata:400,7
00"> | |
13 | 11 |
14 <!-- | 12 <!-- |
15 Typographic styles are provided matching the Material Design standard styles: | 13 Typographic styles are provided matching the Material Design standard styles: |
16 http://www.google.com/design/spec/style/typography.html#typography-standard-styl
es | 14 http://www.google.com/design/spec/style/typography.html#typography-standard-styl
es |
17 | 15 |
18 To make use of them, apply a `paper-font-<style>` class to elements, matching | 16 To make use of them, apply a `paper-font-<style>` class to elements, matching |
19 the font style you wish it to inherit. | 17 the font style you wish it to inherit. |
20 | 18 |
21 <header class="paper-font-display2">Hey there!</header> | 19 <header class="paper-font-display2">Hey there!</header> |
22 | 20 |
(...skipping 14 matching lines...) Expand all Loading... |
37 .paper-font-body1, | 35 .paper-font-body1, |
38 .paper-font-caption, | 36 .paper-font-caption, |
39 .paper-font-menu, | 37 .paper-font-menu, |
40 .paper-font-button { | 38 .paper-font-button { |
41 font-family: 'Roboto', 'Noto', sans-serif; | 39 font-family: 'Roboto', 'Noto', sans-serif; |
42 -webkit-font-smoothing: antialiased; /* OS X subpixel AA bleed bug */ | 40 -webkit-font-smoothing: antialiased; /* OS X subpixel AA bleed bug */ |
43 } | 41 } |
44 | 42 |
45 .paper-font-code2, | 43 .paper-font-code2, |
46 .paper-font-code1 { | 44 .paper-font-code1 { |
47 font-family: 'Inconsolata', 'Consolas', 'Source Code Pro', 'Monaco', 'Menlo',
monospace; | 45 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; |
48 -webkit-font-smoothing: antialiased; /* OS X subpixel AA bleed bug */ | 46 -webkit-font-smoothing: antialiased; /* OS X subpixel AA bleed bug */ |
49 } | 47 } |
50 | 48 |
51 /* Opt for better kerning for headers & other short labels. */ | 49 /* Opt for better kerning for headers & other short labels. */ |
52 .paper-font-display4, | 50 .paper-font-display4, |
53 .paper-font-display3, | 51 .paper-font-display3, |
54 .paper-font-display2, | 52 .paper-font-display2, |
55 .paper-font-display1, | 53 .paper-font-display1, |
56 .paper-font-headline, | 54 .paper-font-headline, |
57 .paper-font-title, | 55 .paper-font-title, |
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
157 } | 155 } |
158 | 156 |
159 .paper-font-code2 { | 157 .paper-font-code2 { |
160 font-size: 14px; | 158 font-size: 14px; |
161 font-weight: 700; | 159 font-weight: 700; |
162 line-height: 20px; | 160 line-height: 20px; |
163 } | 161 } |
164 | 162 |
165 .paper-font-code1 { | 163 .paper-font-code1 { |
166 font-size: 14px; | 164 font-size: 14px; |
167 font-weight: 700; | 165 font-weight: 500; |
168 line-height: 20px; | 166 line-height: 20px; |
169 } | 167 } |
170 | 168 |
171 </style> | 169 </style> |
OLD | NEW |