• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!--
2@license
3Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7Code distributed by Google as part of the polymer project is also
8subject 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<!--
13A set of base styles that are applied to the document and standard elements that
14match the Material Design spec.
15-->
16<style>
17/*
18Note that there is a lot of style duplication here. The hope is that the Polymer
190.8 styling solution will allow for inheritance of properties so that we can
20eventually avoid it.
21*/
22
23/* Mixins */
24
25/* [paper-font] */
26body {
27  font-family: 'Roboto', 'Noto', sans-serif;
28  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */
29}
30
31/* [paper-font=display2] */
32h1 {
33  font-size: 45px;
34  font-weight: 400;
35  letter-spacing: -.018em;
36  line-height: 48px;
37}
38
39/* [paper-font=display1] */
40h2 {
41  font-size: 34px;
42  font-weight: 400;
43  letter-spacing: -.01em;
44  line-height: 40px;
45}
46
47/* [paper-font=headline] */
48h3 {
49  font-size: 24px;
50  font-weight: 400;
51  letter-spacing: -.012em;
52  line-height: 32px;
53}
54
55/* [paper-font=subhead] */
56h4 {
57  font-size: 16px;
58  font-weight: 400;
59  line-height: 24px;
60}
61
62/* [paper-font=body2] */
63h5, h6 {
64  font-size: 14px;
65  font-weight: 500;
66  line-height: 24px;
67}
68
69/* [paper-font=button] */
70a {
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
80body, a {
81  color: #212121;
82}
83
84h1, h2, h3, h4, h5, h6, p {
85  margin: 0 0 20px 0;
86}
87
88h1, h2, h3, h4, h5, h6, a {
89  text-rendering: optimizeLegibility;
90}
91
92a {
93  text-decoration: none;
94}
95
96</style>
97