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