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 { |
(...skipping 22 matching lines...) Expand all Loading... |
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 */ |
38 .right-drawer > #drawer { | 38 .right-drawer > #drawer { |
39 left: auto; | 39 left: auto; |
40 right: 0; | 40 right: 0; |
41 } | 41 } |
42 | 42 |
43 .right-drawer.transition > #drawer { | |
44 transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s; | |
45 transition: transform ease-in-out 0.3s, width ease-in-out 0.3s; | |
46 } | |
47 | |
48 polyfill-next-selector { content: ':host [drawer]'; } | 43 polyfill-next-selector { content: ':host [drawer]'; } |
49 ::content[select="[drawer]"] > * { | 44 ::content[select="[drawer]"] > * { |
50 position: absolute; | 45 position: absolute; |
51 top: 0; | 46 top: 0; |
52 left: 0; | 47 left: 0; |
53 width: 100%; | 48 width: 100%; |
54 height: 100%; | 49 height: 100%; |
55 box-sizing: border-box; | 50 box-sizing: border-box; |
56 -moz-box-sizing: border-box; | 51 -moz-box-sizing: border-box; |
57 } | 52 } |
(...skipping 27 matching lines...) Expand all Loading... |
85 top: 0; | 80 top: 0; |
86 right: 0; | 81 right: 0; |
87 bottom: 0; | 82 bottom: 0; |
88 left: 0; | 83 left: 0; |
89 background-color: rgba(0, 0, 0, 0.3); | 84 background-color: rgba(0, 0, 0, 0.3); |
90 visibility: hidden; | 85 visibility: hidden; |
91 opacity: 0; | 86 opacity: 0; |
92 transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s; | 87 transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s; |
93 } | 88 } |
94 | 89 |
| 90 #edgeSwipeOverlay { |
| 91 position: absolute; |
| 92 top: 0; |
| 93 bottom: 0; |
| 94 left: 0; |
| 95 width: 20px; |
| 96 } |
| 97 |
| 98 .right-drawer > #main > #edgeSwipeOverlay { |
| 99 right: 0; |
| 100 left: auto; |
| 101 } |
| 102 |
95 /* | 103 /* |
96 narrow layout | 104 narrow layout |
97 */ | 105 */ |
98 .narrow-layout > #drawer.core-selected { | 106 .narrow-layout > #drawer.core-selected { |
99 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); | 107 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); |
100 } | 108 } |
101 | 109 |
102 .right-drawer.narrow-layout > #drawer.core-selected { | 110 .right-drawer.narrow-layout > #drawer.core-selected { |
103 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15); | 111 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15); |
104 } | 112 } |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
143 left: 0; | 151 left: 0; |
144 right: 0; | 152 right: 0; |
145 box-sizing: border-box; | 153 box-sizing: border-box; |
146 -moz-box-sizing: border-box; | 154 -moz-box-sizing: border-box; |
147 } | 155 } |
148 | 156 |
149 polyfill-next-selector { content: 'core-selector:not(.narrow-layout) [core-drawe
r-toggle]'; } | 157 polyfill-next-selector { content: 'core-selector:not(.narrow-layout) [core-drawe
r-toggle]'; } |
150 core-selector:not(.narrow-layout) ::content [core-drawer-toggle] { | 158 core-selector:not(.narrow-layout) ::content [core-drawer-toggle] { |
151 display: none; | 159 display: none; |
152 } | 160 } |
OLD | NEW |