third_party/polymer/v1_0/components-chromium/paper-styles/classes/global.html

   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>