| 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 |