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 |