Chromium Code Reviews| 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 |