| 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 |