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 | 10 |
11 <link rel="import" href="../polymer/polymer.html"> | 11 <link rel="import" href="../polymer/polymer.html"> |
12 | 12 |
13 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> | 13 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
14 | 14 |
15 <link rel="import" href="color.html"> | 15 <link rel="import" href="color.html"> |
16 <link rel="import" href="typography.html"> | 16 <link rel="import" href="typography.html"> |
17 <link rel="import" href="shadow.html"> | 17 <link rel="import" href="shadow.html"> |
18 | 18 |
19 <style is="custom-style"> | 19 <style is="custom-style"> |
20 | 20 |
21 body { | 21 body { |
22 font-family: 'Roboto', 'Noto', sans-serif; | 22 @apply(--paper-font-common-base); |
23 font-size: 14px; | 23 font-size: 14px; |
24 margin: 0; | 24 margin: 0; |
25 padding: 24px; | 25 padding: 24px; |
26 background-color: var(--paper-grey-50); | 26 background-color: var(--paper-grey-50); |
27 } | 27 } |
28 | 28 |
29 .horizontal-section-container { | 29 .horizontal-section-container { |
30 @apply(--layout-horizontal); | 30 @apply(--layout-horizontal); |
31 @apply(--layout-center-justified); | 31 @apply(--layout-center-justified); |
32 @apply(--layout-wrap); | 32 @apply(--layout-wrap); |
(...skipping 30 matching lines...) Expand all Loading... |
63 code { | 63 code { |
64 color: var(--google-grey-700); | 64 color: var(--google-grey-700); |
65 } | 65 } |
66 | 66 |
67 /* TODO: remove this hack and use horizontal-section-container instead */ | 67 /* TODO: remove this hack and use horizontal-section-container instead */ |
68 body > div.layout.horizontal.center-justified { | 68 body > div.layout.horizontal.center-justified { |
69 @apply(--layout-wrap); | 69 @apply(--layout-wrap); |
70 } | 70 } |
71 | 71 |
72 </style> | 72 </style> |
OLD | NEW |