OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 | 5 |
6 :host { | 6 :host { |
7 background-color: rgb(15, 157, 88); | 7 background-color: var(--google-green-500); |
8 color: white; | 8 color: white; |
9 } | 9 } |
10 | 10 |
11 content::content strong { | 11 content::content strong { |
12 font-weight: 500; | 12 font-weight: 500; |
13 } | 13 } |
14 | 14 |
15 /* Top part of a page. */ | 15 /* Top part of a page. */ |
16 | 16 |
17 #top { | 17 #top { |
18 box-sizing: border-box; | 18 box-sizing: border-box; |
19 font-size: 23px; | 19 font-size: 23px; |
20 height: 266px; | 20 height: 266px; |
21 padding: 34px 48px 22px; | 21 padding: 34px 48px 22px; |
22 } | 22 } |
23 | 23 |
24 :host(.split) #top { | 24 :host(.split) #top { |
25 padding-bottom: 33px; | 25 padding-bottom: 33px; |
26 } | 26 } |
27 | 27 |
28 :host(.big-font) #top { | 28 :host(.big-font) #top { |
29 font-size: 33px; | 29 font-size: 33px; |
30 } | 30 } |
31 | 31 |
32 /* Separator. */ | 32 /* Separator. */ |
33 | 33 |
34 #separator { | 34 #separator { |
35 background-color: rgba(255, 255, 255, 0.4); | 35 background-color: var(--google-green-100); |
36 bottom: 0; | 36 bottom: 0; |
37 display: block; | 37 display: block; |
38 height: 1px; | 38 height: 1px; |
39 left: 48px; | 39 left: 48px; |
40 position: absolute; | 40 position: absolute; |
41 right: 0; | 41 right: 0; |
42 } | 42 } |
43 | 43 |
44 :host(.split) #separator { | 44 :host(.split) #separator { |
45 display: none; | 45 display: none; |
46 } | 46 } |
47 | 47 |
48 #separator indeterminate-progress { | 48 #separator paper-progress { |
| 49 --paper-progress-active-color: white; |
| 50 --paper-progress-container-color: var(--google-green-100); |
49 display: none; | 51 display: none; |
| 52 width: 100%; |
50 } | 53 } |
51 | 54 |
52 :host(.progress) #separator indeterminate-progress { | 55 :host(.progress) #separator paper-progress { |
53 display: block; | 56 display: block; |
54 } | 57 } |
55 | 58 |
56 :host(.progress) #separator { | 59 :host(.progress) #separator { |
57 bottom: -2px; | 60 bottom: -2px; |
58 height: 4px; | 61 height: 4px; |
59 } | 62 } |
60 | 63 |
61 /* Bottom part of a page. */ | 64 /* Bottom part of a page. */ |
62 | 65 |
(...skipping 25 matching lines...) Expand all Loading... |
88 } | 91 } |
89 | 92 |
90 #controls content[select='paper-button']::content :last-child { | 93 #controls content[select='paper-button']::content :last-child { |
91 margin-right: -0.5em; | 94 margin-right: -0.5em; |
92 } | 95 } |
93 | 96 |
94 #controls content[select='paper-button']::content :not(:last-child) { | 97 #controls content[select='paper-button']::content :not(:last-child) { |
95 margin-right: 1em; | 98 margin-right: 1em; |
96 } | 99 } |
97 | 100 |
98 :host(.split) #controls content[select='paper-button']::content | 101 :host(.split) #controls content[select='paper-button']::content :last-child { |
99 :last-child { | 102 color: var(--google-green-500); |
100 color: rgb(15, 157, 88); | |
101 } | 103 } |
102 | 104 |
103 content::content paper-button[disabled] { | |
104 /* In Polymer 0.3 disabled button 'background-color' defined with '!important' | |
105 * flag, so we need '!important' here to override it. | |
106 * TODO(dzhioev): remove '!important' when Polymer is updated. | |
107 */ | |
108 background: transparent !important; | |
109 } | |
110 | |
OLD | NEW |