Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(33)

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_text_button.css

Issue 2952943002: Update voice interaction OOBE with new UX spec (Closed)
Patch Set: Rebase Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698