Home | History | Annotate | Download | only in classes
      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 <link rel="import" href="../paper-styles-classes.html">
     11 
     12 <!--
     13 A set of base styles that are applied to the document and standard elements that
     14 match the Material Design spec.
     15 -->
     16 <style>
     17 /*
     18 Note that there is a lot of style duplication here. The hope is that the Polymer
     19 0.8 styling solution will allow for inheritance of properties so that we can
     20 eventually avoid it.
     21 */
     22 
     23 /* Mixins */
     24 
     25 /* [paper-font] */
     26 body {
     27   font-family: 'Roboto', 'Noto', sans-serif;
     28   -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */
     29 }
     30 
     31 /* [paper-font=display2] */
     32 h1 {
     33   font-size: 45px;
     34   font-weight: 400;
     35   letter-spacing: -.018em;
     36   line-height: 48px;
     37 }
     38 
     39 /* [paper-font=display1] */
     40 h2 {
     41   font-size: 34px;
     42   font-weight: 400;
     43   letter-spacing: -.01em;
     44   line-height: 40px;
     45 }
     46 
     47 /* [paper-font=headline] */
     48 h3 {
     49   font-size: 24px;
     50   font-weight: 400;
     51   letter-spacing: -.012em;
     52   line-height: 32px;
     53 }
     54 
     55 /* [paper-font=subhead] */
     56 h4 {
     57   font-size: 16px;
     58   font-weight: 400;
     59   line-height: 24px;
     60 }
     61 
     62 /* [paper-font=body2] */
     63 h5, h6 {
     64   font-size: 14px;
     65   font-weight: 500;
     66   line-height: 24px;
     67 }
     68 
     69 /* [paper-font=button] */
     70 a {
     71   font-size: 14px;
     72   font-weight: 500;
     73   letter-spacing: 0.018em;
     74   line-height: 24px;
     75   text-transform: uppercase;
     76 }
     77 
     78 /* Overrides */
     79 
     80 body, a {
     81   color: #212121;
     82 }
     83 
     84 h1, h2, h3, h4, h5, h6, p {
     85   margin: 0 0 20px 0;
     86 }
     87 
     88 h1, h2, h3, h4, h5, h6, a {
     89   text-rendering: optimizeLegibility;
     90 }
     91 
     92 a {
     93   text-decoration: none;
     94 }
     95 
     96 </style>
     97