| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 #textButton { | 5 paper-button { |
| 6 --paper-button-flat-keyboard-focus: { | 6 border-color: var(--oobe-text-button-border-color, transparent); |
| 7 border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */ | 7 border-radius: 2px; |
| 8 border-radius: 2px; | 8 border-style: solid; |
| 9 border-style: solid; | 9 border-width: 2px; |
| 10 border-width: 2px; | |
| 11 }; | |
| 12 height: 32px; /* = 28px + 2 * 2px border */ | 10 height: 32px; /* = 28px + 2 * 2px border */ |
| 13 margin: 0; | 11 margin: 0; |
| 14 padding: 0; | 12 padding: 0; |
| 15 } | 13 } |
| 16 | 14 |
| 17 #textButton:not([focused]) { | 15 paper-button[focused] { |
| 18 border-color: var(--oobe-text-button-border-color, transparent); | 16 border-color: var(--oobe-text-button-focused-border-color); |
| 19 border-radius: 2px; | |
| 20 border-style: solid; | |
| 21 border-width: 2px; | |
| 22 } | 17 } |
| 23 | 18 |
| 24 #container { | 19 #container { |
| 25 border-radius: 2px; | 20 border-radius: 2px; |
| 26 padding: 0 16px; | 21 padding: 0 16px; |
| 27 } | 22 } |
| 28 | 23 |
| 29 #textButton:not([inverse]):not([disabled]) #container { | 24 #textButton:not([inverse]):not([disabled]) #container { |
| 30 background-color: white | 25 background-color: white |
| 31 color: var(--google-blue-500); | 26 color: var(--google-blue-500); |
| 32 } | 27 } |
| 33 | 28 |
| 34 #textButton[inverse]:not([disabled]) #container { | 29 #textButton[inverse]:not([disabled]) #container { |
| 35 background-color: var(--google-blue-500); | 30 background-color: var(--google-blue-500); |
| 36 color: white; | 31 color: white; |
| 37 } | 32 } |
| 38 | 33 |
| 39 ::content * { | 34 ::content * { |
| 40 font: var(--oobe-roboto-medium), sans-serif; | 35 font: var(--oobe-roboto-medium), sans-serif; |
| 41 font-size: 12px; | 36 font-size: 12px; |
| 42 text-transform: none; | 37 text-transform: none; |
| 43 } | 38 } |
| OLD | NEW |