| 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 paper-button { | 5 paper-button { |
| 6 border-color: var(--oobe-text-button-border-color, transparent); | 6 border-color: var(--oobe-text-button-border-color, transparent); |
| 7 border-radius: 2px; | 7 border-radius: 2px; |
| 8 border-style: solid; | 8 border-style: solid; |
| 9 border-width: 2px; | 9 border-width: 2px; |
| 10 height: 32px; /* = 28px + 2 * 2px border */ | 10 height: 32px; /* = 28px + 2 * 2px border */ |
| 11 margin: 0; | 11 margin: 0; |
| 12 padding: 0; | 12 padding: 0; |
| 13 } | 13 } |
| 14 | 14 |
| 15 paper-button[focused] { | 15 paper-button[focused] { |
| 16 border-color: var(--oobe-text-button-focused-border-color); | 16 border-color: var(--oobe-text-button-focused-border-color); |
| 17 } | 17 } |
| 18 | 18 |
| 19 paper-button[android] { |
| 20 height: 27px; |
| 21 } |
| 22 |
| 23 paper-button[android]:not([border]):not([inverse]) { |
| 24 height: 13px; |
| 25 } |
| 26 |
| 19 #container { | 27 #container { |
| 20 border-radius: 2px; | 28 border-radius: 2px; |
| 21 padding: 0 16px; | 29 padding: 0 16px; |
| 22 } | 30 } |
| 23 | 31 |
| 24 #textButton:not([inverse]):not([disabled]) #container { | 32 #textButton:not([inverse]):not([disabled]) #container { |
| 25 background-color: white | 33 background-color: white |
| 26 color: var(--google-blue-500); | 34 color: var(--google-blue-500); |
| 27 } | 35 } |
| 28 | 36 |
| 29 #textButton[inverse]:not([disabled]) #container { | 37 #textButton[inverse]:not([disabled]) #container { |
| 30 background-color: var(--google-blue-500); | 38 background-color: var(--google-blue-500); |
| 31 color: white; | 39 color: white; |
| 32 } | 40 } |
| 33 | 41 |
| 34 #textButton[border]:not([disabled]) #container { | 42 #textButton[border]:not([disabled]) #container { |
| 35 border-color: rgba(0, 0, 0, .1); | 43 border-color: rgba(0, 0, 0, .1); |
| 36 border-style: solid; | 44 border-style: solid; |
| 37 border-width: 1px; | 45 border-width: 1px; |
| 38 } | 46 } |
| 39 | 47 |
| 48 #textButton[android] #container { |
| 49 padding: 0 18px; |
| 50 } |
| 51 |
| 40 ::content * { | 52 ::content * { |
| 41 font: var(--oobe-roboto-medium), sans-serif; | 53 font: var(--oobe-roboto-medium), sans-serif; |
| 42 font-size: 12px; | 54 font-size: 12px; |
| 43 text-transform: none; | 55 text-transform: none; |
| 44 } | 56 } |
| 57 |
| 58 #textButton[android] #container ::content * { |
| 59 font-size: 10px; |
| 60 text-transform: uppercase; |
| 61 } |
| OLD | NEW |