OLD | NEW |
(Empty) | |
| 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.g
ithub.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/CONTRI
BUTORS.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/PATEN
TS.txt |
| 9 |
| 10 */ |
| 11 :host { |
| 12 font-family: 'Roboto', 'Noto', sans-serif; |
| 13 @apply(--layout-fit); |
| 14 @apply(--layout); |
| 15 @apply(--layout-vertical); |
| 16 overflow: hidden; |
| 17 background: var(--paper-grey-50); |
| 18 } |
| 19 |
| 20 p { |
| 21 max-width: 20em; |
| 22 } |
| 23 |
| 24 paper-header-panel { |
| 25 @apply(--layout-flex); |
| 26 background: var(--paper-grey-50); |
| 27 } |
| 28 |
| 29 paper-toolbar { |
| 30 --paper-toolbar-background: var(--paper-grey-50); |
| 31 --paper-toolbar-color: var(--paper-grey-800); |
| 32 flex-shrink: 0; |
| 33 } |
| 34 |
| 35 :host > paper-header-panel { |
| 36 opacity: 0; |
| 37 transition: opacity 0.5s; |
| 38 } |
| 39 |
| 40 :host(.loaded) > paper-header-panel { |
| 41 opacity: 1.0; |
| 42 } |
| 43 |
| 44 #content { |
| 45 display: block; |
| 46 background: var(--paper-grey-50); |
| 47 } |
| 48 |
| 49 paper-toolbar a { |
| 50 margin: 0 10px; |
| 51 cursor: pointer; |
| 52 } |
| 53 |
| 54 paper-toolbar a:last-child { |
| 55 margin-right: 0; |
| 56 } |
| 57 |
| 58 paper-toolbar a, paper-toolbar a iron-icon { |
| 59 font-weight: normal; |
| 60 color: var(--paper-grey-500); |
| 61 } |
| 62 |
| 63 paper-toolbar iron-icon { |
| 64 margin: -2px 5px 0 0; |
| 65 } |
| 66 |
| 67 paper-toolbar a:hover, paper-toolbar a:hover iron-icon, paper-toolbar a.iron-sel
ected, paper-toolbar a.iron-selected iron-icon { |
| 68 color: var(--paper-grey-800); |
| 69 } |
| 70 |
| 71 #demo { |
| 72 @apply(--layout-fit); |
| 73 } |
| 74 |
| 75 #nodocs { |
| 76 background: var(--paper-grey-50); |
| 77 font-size: 24px; |
| 78 font-weight: 400; |
| 79 color: var(--paper-grey-400); |
| 80 } |
| 81 |
| 82 #demo { |
| 83 border: 0; |
| 84 background: transparent; |
| 85 width: 100%; |
| 86 height: 100%; |
| 87 overflow-x: none; |
| 88 overflow-y: auto; |
| 89 } |
| 90 |
| 91 #view > * { |
| 92 display: none; |
| 93 } |
| 94 |
| 95 #view > .iron-selected { |
| 96 display: block; |
| 97 } |
| 98 |
| 99 #docs { |
| 100 padding: 20px; |
| 101 max-width: 48em; |
| 102 margin: 0 auto; |
| 103 } |
| 104 |
| 105 #active { |
| 106 font-size: 20px; |
| 107 font-family: Roboto, Noto; |
| 108 border: 0; |
| 109 background: transparent; |
| 110 } |
| 111 |
| 112 paper-toolbar a { |
| 113 font-size: 14px; |
| 114 text-transform: uppercase; |
| 115 cursor: pointer; |
| 116 } |
| 117 |
| 118 #cart-icon { |
| 119 margin-left: 10px; |
| 120 cursor: pointer; |
| 121 } |
| 122 |
| 123 #catalog-heading { |
| 124 margin: 4px 0 18px; |
| 125 } |
| 126 |
| 127 #catalog-heading h2 { |
| 128 color: var(--paper-grey-800); |
| 129 @apply(--paper-font-title); |
| 130 margin: 0; |
| 131 } |
| 132 |
| 133 #catalog-heading .version { |
| 134 color: var(--paper-grey-500); |
| 135 font-size: 18px; |
| 136 line-height: 24px; |
| 137 font-weight: 400; |
| 138 } |
| 139 #catalog-heading .version:before { |
| 140 content: "("; |
| 141 } |
| 142 #catalog-heading .version:after { |
| 143 content: ")"; |
| 144 } |
| 145 |
| 146 [catalog-only] { |
| 147 display: none; |
| 148 } |
| 149 |
| 150 :host([_catalog]) [catalog-only] { |
| 151 display: block; |
| 152 } |
| 153 :host([_catalog]) [catalog-hidden] { |
| 154 display: none; |
| 155 } |
OLD | NEW |