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

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

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 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 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 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 * This contains common styling for all the OOBE screens. */ 5 * This contains common styling for all the OOBE screens. */
6 6
7 :root { 7 :root {
8 --oobe-roboto-medium: 500 12px Roboto; 8 --oobe-roboto-medium: 500 12px Roboto;
9 --oobe-roboto-bold: 700 12px Roboto; 9 --oobe-roboto-bold: 700 12px Roboto;
10 } 10 }
11 11
12 .step { 12 .step {
13 box-sizing: border-box; 13 box-sizing: border-box;
14 position: absolute; 14 position: absolute;
15 } 15 }
16 16
17 .step.animated:not(.faded) { 17 .step.animated:not(.faded) {
18 -webkit-transition: transform 200ms ease-in-out, 18 transition: transform 200ms ease-in-out,
19 opacity 200ms ease-in-out, 19 opacity 200ms ease-in-out,
20 visibility 200ms ease-in-out; 20 visibility 200ms ease-in-out;
21 } 21 }
22 22
23 .step.hidden { 23 .step.hidden {
24 visibility: hidden; 24 visibility: hidden;
25 } 25 }
26 26
27 .faded, 27 .faded,
28 .left, 28 .left,
29 .right { 29 .right {
30 opacity: 0; 30 opacity: 0;
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
115 115
116 /* EULA screen extra controls have 2 elements 116 /* EULA screen extra controls have 2 elements
117 so they require different alignment. */ 117 so they require different alignment. */
118 #eula-extra-controls { 118 #eula-extra-controls {
119 bottom: 17px; 119 bottom: 17px;
120 } 120 }
121 121
122 #security-info a:focus, 122 #security-info a:focus,
123 #eula a:focus, 123 #eula a:focus,
124 .step-extra-controls a:focus { 124 .step-extra-controls a:focus {
125 -webkit-transition: outline-color 200ms;
126 /* Note: May use 1px solid here. */ 125 /* Note: May use 1px solid here. */
127 outline-color: rgb(77, 144, 254); 126 outline-color: rgb(77, 144, 254);
127 transition: outline-color 200ms;
128 } 128 }
129 129
130 .step-extra-controls > *:not(:first-child) { 130 .step-extra-controls > *:not(:first-child) {
131 margin-top: 7px; 131 margin-top: 7px;
132 } 132 }
133 133
134 html[dir=rtl] .step-extra-controls { 134 html[dir=rtl] .step-extra-controls {
135 left: auto; 135 left: auto;
136 right: 49px; 136 right: 49px;
137 } 137 }
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
170 170
171 html[highlight=strong] #security-info a:focus, 171 html[highlight=strong] #security-info a:focus,
172 html[highlight=strong] #eula a:focus, 172 html[highlight=strong] #eula a:focus,
173 html[highlight=strong] .step-extra-controls a:focus, 173 html[highlight=strong] .step-extra-controls a:focus,
174 html[highlight=strong] .menu-control:focus, 174 html[highlight=strong] .menu-control:focus,
175 html[highlight=strong] input[type='button']:focus, 175 html[highlight=strong] input[type='button']:focus,
176 html[highlight=strong] button:focus { 176 html[highlight=strong] button:focus {
177 box-shadow: 0 0 23px rgb(77, 144, 254) !important; 177 box-shadow: 0 0 23px rgb(77, 144, 254) !important;
178 } 178 }
179 179
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698