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

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

Issue 2454173002: Correcting issues noted in a11y review for Desktop FRE. (Closed)
Patch Set: 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
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;
Dan Beam 2016/10/27 19:16:07 you probably don't need the document.fonts.load()
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 url(chrome://welcome/logo2x.png) 2x);
139 height: 96px; 138 height: 96px;
140 left: 0; 139 left: 0;
141 position: absolute; 140 position: absolute;
142 width: 96px; 141 width: 96px;
143 } 142 }
144 143
145 .logo-shadow { 144 .logo-shadow {
146 -webkit-filter: blur(16px); 145 -webkit-filter: blur(16px);
147 animation: fadeInAndSlideDownShadow 300ms 600ms both; 146 animation: fadeInAndSlideDownShadow 300ms 600ms both;
148 background: rgba(0, 0, 0, .2); 147 background: rgba(0, 0, 0, .2);
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 height: 24px; 209 height: 24px;
211 position: absolute; 210 position: absolute;
212 width: 74px; 211 width: 74px;
213 } 212 }
214 213
215 @media(max-height: 608px) { 214 @media(max-height: 608px) {
216 .watermark { 215 .watermark {
217 display: none; 216 display: none;
218 } 217 }
219 } 218 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/welcome/welcome.html » ('j') | chrome/browser/resources/welcome/welcome.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698