1 <!-- 2 @license 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.github.io/LICENSE.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/CONTRIBUTORS.txt 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/PATENTS.txt 9 --> 10 11 <link rel="import" href="../polymer/polymer.html"> 12 <link rel="import" href="../font-roboto/roboto.html"> 13 14 <style is="custom-style"> 15 16 :root { 17 18 /* Shared Styles */ 19 --paper-font-common-base: { 20 font-family: 'Roboto', 'Noto', sans-serif; 21 -webkit-font-smoothing: antialiased; 22 }; 23 24 --paper-font-common-code: { 25 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; 26 -webkit-font-smoothing: antialiased; 27 }; 28 29 --paper-font-common-expensive-kerning: { 30 text-rendering: optimizeLegibility; 31 }; 32 33 --paper-font-common-nowrap: { 34 white-space: nowrap; 35 overflow: hidden; 36 text-overflow: ellipsis; 37 }; 38 39 /* Material Font Styles */ 40 41 --paper-font-display4: { 42 @apply(--paper-font-common-base); 43 @apply(--paper-font-common-nowrap); 44 45 font-size: 112px; 46 font-weight: 300; 47 letter-spacing: -.044em; 48 line-height: 120px; 49 }; 50 51 --paper-font-display3: { 52 @apply(--paper-font-common-base); 53 @apply(--paper-font-common-nowrap); 54 55 font-size: 56px; 56 font-weight: 400; 57 letter-spacing: -.026em; 58 line-height: 60px; 59 }; 60 61 --paper-font-display2: { 62 @apply(--paper-font-common-base); 63 64 font-size: 45px; 65 font-weight: 400; 66 letter-spacing: -.018em; 67 line-height: 48px; 68 }; 69 70 --paper-font-display1: { 71 @apply(--paper-font-common-base); 72 73 font-size: 34px; 74 font-weight: 400; 75 letter-spacing: -.01em; 76 line-height: 40px; 77 }; 78 79 --paper-font-headline: { 80 @apply(--paper-font-common-base); 81 82 font-size: 24px; 83 font-weight: 400; 84 letter-spacing: -.012em; 85 line-height: 32px; 86 }; 87 88 --paper-font-title: { 89 @apply(--paper-font-common-base); 90 @apply(--paper-font-common-nowrap); 91 92 font-size: 20px; 93 font-weight: 500; 94 line-height: 28px; 95 }; 96 97 --paper-font-subhead: { 98 @apply(--paper-font-common-base); 99 100 font-size: 16px; 101 font-weight: 400; 102 line-height: 24px; 103 }; 104 105 --paper-font-body2: { 106 @apply(--paper-font-common-base); 107 108 font-size: 14px; 109 font-weight: 500; 110 line-height: 24px; 111 }; 112 113 --paper-font-body1: { 114 @apply(--paper-font-common-base); 115 116 font-size: 14px; 117 font-weight: 400; 118 line-height: 20px; 119 }; 120 121 --paper-font-caption: { 122 @apply(--paper-font-common-base); 123 @apply(--paper-font-common-nowrap); 124 125 font-size: 12px; 126 font-weight: 400; 127 letter-spacing: 0.011em; 128 line-height: 20px; 129 }; 130 131 --paper-font-menu: { 132 @apply(--paper-font-common-base); 133 @apply(--paper-font-common-nowrap); 134 135 font-size: 13px; 136 font-weight: 500; 137 line-height: 24px; 138 }; 139 140 --paper-font-button: { 141 @apply(--paper-font-common-base); 142 @apply(--paper-font-common-nowrap); 143 144 font-size: 14px; 145 font-weight: 500; 146 letter-spacing: 0.018em; 147 line-height: 24px; 148 text-transform: uppercase; 149 }; 150 151 --paper-font-code2: { 152 @apply(--paper-font-common-code); 153 154 font-size: 14px; 155 font-weight: 700; 156 line-height: 20px; 157 }; 158 159 --paper-font-code1: { 160 @apply(--paper-font-common-code); 161 162 font-size: 14px; 163 font-weight: 500; 164 line-height: 20px; 165 }; 166 167 } 168 169 </style> 170
