Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(523)

Side by Side Diff: polymer_0.5.4/bower_components/core-drawer-panel/core-drawer-panel.css

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698