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 |