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 /* We introduce a wrapper animatable element and set the overflow since | 5 /* We introduce a wrapper animatable element and set the overflow since |
6 * core-transition interferes with the box-shadow from paper-shadow. */ | 6 * core-transition interferes with the box-shadow from paper-shadow. */ |
7 #animatable { | 7 #animatable { |
8 overflow: visible; | 8 overflow: visible; |
9 } | 9 } |
10 | 10 |
11 /* We introduce a wrapper aligner element as setting the relevant attributes | 11 /* We introduce a wrapper aligner element as setting the relevant attributes |
12 * (horizontal justified layout center) have no effect on the core-toolbar. */ | 12 * (horizontal justified layout center) have no effect on the core-toolbar. */ |
13 #aligner { | 13 #aligner { |
14 width: 100%; | 14 width: 100%; |
15 } | 15 } |
16 | 16 |
17 paper-progress { | 17 paper-progress { |
18 height: 56px; | 18 height: 56px; |
19 position: absolute; | 19 position: absolute; |
20 width: 100%; | 20 width: 100%; |
21 z-index: 3; | 21 z-index: 3; |
22 } | 22 } |
23 | 23 |
24 paper-progress::shadow #activeProgress { | 24 paper-progress::shadow #activeProgress { |
25 background-color: rgb(33, 150, 243); | 25 background-color: rgb(27, 168, 243); |
26 } | 26 } |
27 | 27 |
28 paper-progress::shadow #progressContainer { | 28 paper-progress::shadow #progressContainer { |
29 background-color: rgb(100, 181, 246); | 29 background-color: rgb(100, 181, 246); |
30 } | 30 } |
31 | 31 |
32 core-toolbar { | 32 core-toolbar { |
33 background-color: transparent; | 33 background-color: transparent; |
34 color: rgb(241, 241, 241); | 34 color: rgb(241, 241, 241); |
35 font-size: 1.5em; | 35 font-size: 1.5em; |
36 height: 56px; | 36 height: 56px; |
37 padding-left: 1em; | 37 padding-left: 1em; |
38 padding-right: 1em; | 38 padding-right: 1em; |
39 z-index: 3; | 39 z-index: 3; |
40 } | 40 } |
41 | 41 |
42 core-toolbar /deep/ ::selection { | 42 core-toolbar /deep/ ::selection { |
43 background: rgb(187, 222, 251); | 43 background: rgb(187, 222, 251); |
44 } | 44 } |
45 | 45 |
46 .invisible { | 46 .invisible { |
47 visibility: hidden; | 47 visibility: hidden; |
48 } | 48 } |
OLD | NEW |