• 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
11<link rel="import" href="../polymer/polymer.html">
12
13<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
14
15<link rel="import" href="color.html">
16<link rel="import" href="typography.html">
17<link rel="import" href="shadow.html">
18
19<style is="custom-style">
20
21  body {
22    @apply(--paper-font-common-base);
23    font-size: 14px;
24    margin: 0;
25    padding: 24px;
26    background-color: var(--paper-grey-50);
27  }
28
29  .horizontal-section-container {
30    @apply(--layout-horizontal);
31    @apply(--layout-center-justified);
32    @apply(--layout-wrap);
33  }
34
35  .vertical-section-container {
36    @apply(--layout-vertical);
37    @apply(--center-justified);
38  }
39
40  .horizontal-section {
41    background-color: white;
42    padding: 24px;
43    margin-right: 24px;
44    min-width: 200px;
45
46    @apply(--shadow-elevation-2dp);
47  }
48
49  .vertical-section {
50    background-color: white;
51    padding: 24px;
52    margin: 0 24px 24px 24px;
53
54    @apply(--shadow-elevation-2dp);
55  }
56
57  .centered {
58    max-width: 400px;
59    margin-left: auto;
60    margin-right: auto;
61  }
62
63  code {
64    color: var(--google-grey-700);
65  }
66
67  /* TODO: remove this hack and use horizontal-section-container instead */
68  body > div.layout.horizontal.center-justified {
69    @apply(--layout-wrap);
70  }
71
72</style>
73