OLD | NEW |
---|---|
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 #wrapper { | |
6 transition: transform 250ms; | |
7 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
8 } | |
9 | |
10 :host([closed]) #wrapper { | |
11 transform: translateX(100%); | |
12 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); | |
13 } | |
14 | |
15 :host-context([dir=rtl]) #wrapper.closed { | |
raymes
2015/09/28 03:14:53
nit: should use attribute :host-context([dir-rtl])
tsergeant
2015/09/28 04:26:33
Done
| |
16 transform: translateX(-100%); | |
17 } | |
18 | |
5 paper-fab { | 19 paper-fab { |
6 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color); | 20 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color); |
7 --paper-fab-mini: { | 21 --paper-fab-mini: { |
8 height: 36px; | 22 height: 36px; |
9 padding: 8px; | 23 padding: 8px; |
10 width: 36px; | 24 width: 36px; |
11 }; | 25 }; |
12 @apply(--shadow-elevation-4dp); | 26 @apply(--shadow-elevation-4dp); |
13 background-color: rgb(242, 242, 242); | 27 background-color: rgb(242, 242, 242); |
14 color: rgb(96, 96, 96); | 28 color: rgb(96, 96, 96); |
15 margin: 0 48px; | 29 margin: 0 48px; |
16 overflow: visible; | 30 overflow: visible; |
17 } | 31 } |
OLD | NEW |