| 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 | 5 |
| 6 #container { | 6 #container { |
| 7 padding: 40px; | 7 padding: 40px; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #icon-container { | 10 #icon-container { |
| 11 margin-bottom: 14px; | 11 margin-bottom: 14px; |
| 12 } | 12 } |
| 13 | 13 |
| 14 /* ':host' and '[icon]' are needed to increase selector's specificity. */ | 14 :host iron-icon { |
| 15 :host core-icon[icon] { | |
| 16 height: 28px; | 15 height: 28px; |
| 17 width: 28px; | 16 width: 28px; |
| 18 } | 17 } |
| 19 | 18 |
| 20 core-icon[icon=warning] { | 19 iron-icon[icon=warning] { |
| 21 color: rgb(251, 192, 45); | 20 color: var(--google-yellow-500); |
| 22 } | 21 } |
| 23 | 22 |
| 24 core-icon[icon=done] { | 23 iron-icon[icon=done] { |
| 25 color: rgb(15, 157, 88); | 24 color: var(--google-green-500); |
| 26 } | |
| 27 | |
| 28 #heading { | |
| 29 font-size: 20px; | |
| 30 margin-bottom: 14px; | |
| 31 } | 25 } |
| 32 | 26 |
| 33 #text-container { | 27 #text-container { |
| 34 color: grey; | 28 color: grey; |
| 35 line-height: 130%; | 29 line-height: 130%; |
| 36 max-width: 240px; | 30 max-width: 240px; |
| 37 text-align: center; | 31 text-align: center; |
| 38 } | 32 } |
| 39 | 33 |
| 40 paper-button { | |
| 41 background-color: rgb(66, 133, 244); | |
| 42 color: rgb(255, 255, 255); | |
| 43 min-width: 126px; | |
| 44 } | |
| 45 | |
| 46 a { | 34 a { |
| 47 color: rgb(66, 133, 244); | 35 color: var(--google-blue-500); |
| 48 text-decoration: none; | 36 text-decoration: none; |
| 49 } | 37 } |
| 50 | 38 |
| OLD | NEW |