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