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 |