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]):host([closed]) #wrapper { |
| 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 |