| 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 { | 5 #wrapper { |
| 6 transition: transform 250ms; | 6 transition: transform 250ms; |
| 7 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | 7 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); |
| 8 } | 8 } |
| 9 | 9 |
| 10 :host([closed]) #wrapper { | 10 :host([closed]) #wrapper { |
| 11 /* 132px roughly flips the location of the button across the right edge of the | 11 /* 132px roughly flips the location of the button across the right edge of the |
| 12 * page. */ | 12 * page. */ |
| 13 transform: translateX(132px); | 13 transform: translateX(132px); |
| 14 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); | 14 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); |
| 15 } | 15 } |
| 16 | 16 |
| 17 :host-context([dir=rtl]):host([closed]) #wrapper { | 17 :host-context([dir=rtl]):host([closed]) #wrapper { |
| 18 transform: translateX(-132px); | 18 transform: translateX(-132px); |
| 19 } | 19 } |
| 20 | 20 |
| 21 paper-fab { | 21 paper-fab { |
| 22 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color); | 22 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color); |
| 23 --paper-fab-mini: { | 23 --paper-fab-mini: { |
| 24 height: 36px; | 24 height: 36px; |
| 25 padding: 8px; | 25 padding: 8px; |
| 26 width: 36px; | 26 width: 36px; |
| 27 }; | 27 }; |
| 28 @apply(--shadow-elevation-4dp); | 28 @apply(--shadow-elevation-4dp); |
| 29 background-color: rgb(242, 242, 242); | 29 background-color: rgb(242, 242, 242); |
| 30 color: rgb(96, 96, 96); | 30 color: var(--paper-grey-700); |
| 31 overflow: visible; | 31 overflow: visible; |
| 32 } | 32 } |
| OLD | NEW |