| 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 |