| OLD | NEW |
| 1 /* | 1 /* |
| 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
| 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 8 */ | 8 */ |
| 9 | 9 |
| 10 :host { | 10 :host { |
| 11 display: block; | 11 display: block; |
| 12 position: absolute; | 12 position: absolute; |
| 13 top: 0; | 13 top: 0; |
| 14 left: 0; | 14 left: 0; |
| 15 width: 100%; | 15 width: 100%; |
| 16 height: 100%; | 16 height: 100%; |
| 17 overflow: hidden; | 17 overflow: hidden; |
| 18 } | 18 } |
| 19 | 19 |
| 20 core-selector > #drawer { | 20 core-selector > #drawer { |
| 21 position: absolute; | 21 position: absolute; |
| 22 top: 0; | 22 top: 0; |
| 23 left: 0; | 23 left: 0; |
| 24 height: 100%; | 24 height: 100%; |
| 25 will-change: transform; | 25 will-change: transform; |
| 26 box-sizing: border-box; | 26 box-sizing: border-box; |
| 27 -mox-box-sizing: border-box; | 27 -moz-box-sizing: border-box; |
| 28 } | 28 } |
| 29 | 29 |
| 30 .transition > #drawer { | 30 .transition > #drawer { |
| 31 transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s; | 31 transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s; |
| 32 transition: transform ease-in-out 0.3s, width ease-in-out 0.3s; | 32 transition: transform ease-in-out 0.3s, width ease-in-out 0.3s; |
| 33 } | 33 } |
| 34 | 34 |
| 35 /* | 35 /* |
| 36 right-drawer: make drawer on the right side | 36 right-drawer: make drawer on the right side |
| 37 */ | 37 */ |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 138 | 138 |
| 139 polyfill-next-selector { content: ':host .narrow-layout > #main > [main]'; } | 139 polyfill-next-selector { content: ':host .narrow-layout > #main > [main]'; } |
| 140 .narrow-layout > #main > ::content[select="[main]"] > * { | 140 .narrow-layout > #main > ::content[select="[main]"] > * { |
| 141 margin: 0; | 141 margin: 0; |
| 142 min-height: 100%; | 142 min-height: 100%; |
| 143 left: 0; | 143 left: 0; |
| 144 right: 0; | 144 right: 0; |
| 145 box-sizing: border-box; | 145 box-sizing: border-box; |
| 146 -moz-box-sizing: border-box; | 146 -moz-box-sizing: border-box; |
| 147 } | 147 } |
| 148 |
| 149 polyfill-next-selector { content: 'core-selector:not(.narrow-layout) [core-drawe
r-toggle]'; } |
| 150 core-selector:not(.narrow-layout) ::content [core-drawer-toggle] { |
| 151 display: none; |
| 152 } |
| OLD | NEW |