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

Side by Side Diff: chrome/browser/resources/welcome/welcome.css

Issue 2454173002: Correcting issues noted in a11y review for Desktop FRE. (Closed)
Patch Set: Addressing dbeam comments Created 4 years, 1 month 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
« no previous file with comments | « no previous file | chrome/browser/resources/welcome/welcome.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 body { 5 body {
6 align-items: center; 6 align-items: center;
7 color: var(--paper-grey-900); 7 color: var(--paper-grey-900);
8 display: flex; 8 display: flex;
9 flex-direction: column; 9 flex-direction: column;
10 font-size: 100%; 10 font-size: 100%;
(...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after
111 .heading { 111 .heading {
112 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; 112 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both;
113 font-size: 2.125em; 113 font-size: 2.125em;
114 margin-bottom: .25em; 114 margin-bottom: .25em;
115 margin-top: 1.5em; 115 margin-top: 1.5em;
116 text-align: center; 116 text-align: center;
117 } 117 }
118 118
119 .subheading { 119 .subheading {
120 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; 120 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both;
121 color: var(--google-grey-500); 121 color: #939393;
122 font-size: 1em; 122 font-size: 1em;
123 font-weight: 500;
123 margin-top: .25em; 124 margin-top: .25em;
124 text-align: center; 125 text-align: center;
125 } 126 }
126 127
127 .logo { 128 .logo {
128 animation: fadeIn 600ms both, bounce 1s 600ms linear both; 129 animation: fadeIn 600ms both, bounce 1s 600ms linear both;
129 height: 96px; 130 height: 96px;
130 position: relative; 131 position: relative;
131 width: 96px; 132 width: 96px;
132 } 133 }
133 134
134 .logo-icon { 135 .logo-icon {
135 animation: spin 2.4s cubic-bezier(.4, .2, 0, 1) both, 136 animation: spin 2.4s cubic-bezier(.4, .2, 0, 1) both,
136 colorize 300ms 700ms linear both; 137 colorize 300ms 700ms linear both;
137 content: -webkit-image-set(url(chrome://welcome/logo.png) 1x, 138 background: -webkit-image-set(url(chrome://welcome/logo.png) 1x,
Dan Beam 2016/10/27 21:20:24 nit: background-image
138 url(chrome://welcome/logo2x.png) 2x); 139 url(chrome://welcome/logo2x.png) 2x);
140 background-position: center;
Dan Beam 2016/10/27 21:20:24 is this needed? if yes: we should probably have a
141 background-size: 96px 96px;
Dan Beam 2016/10/27 21:20:24 can "96px 96px" just be 100%?
139 height: 96px; 142 height: 96px;
140 left: 0;
141 position: absolute;
142 width: 96px; 143 width: 96px;
143 } 144 }
144 145
145 .logo-shadow { 146 .logo-shadow {
146 -webkit-filter: blur(16px); 147 -webkit-filter: blur(16px);
147 animation: fadeInAndSlideDownShadow 300ms 600ms both; 148 animation: fadeInAndSlideDownShadow 300ms 600ms both;
148 background: rgba(0, 0, 0, .2); 149 background: rgba(0, 0, 0, .2);
149 border-radius: 50%; 150 border-radius: 50%;
150 height: 96px; 151 height: 96px;
151 position: absolute; 152 position: absolute;
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 height: 24px; 211 height: 24px;
211 position: absolute; 212 position: absolute;
212 width: 74px; 213 width: 74px;
213 } 214 }
214 215
215 @media(max-height: 608px) { 216 @media(max-height: 608px) {
216 .watermark { 217 .watermark {
217 display: none; 218 display: none;
218 } 219 }
219 } 220 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/welcome/welcome.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698