Chromium Code Reviews| 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 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 157 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 168 | 168 |
| 169 .signin-buttons { | 169 .signin-buttons { |
| 170 align-items: center; | 170 align-items: center; |
| 171 display: flex; | 171 display: flex; |
| 172 flex-direction: column; | 172 flex-direction: column; |
| 173 margin-top: 2em; | 173 margin-top: 2em; |
| 174 } | 174 } |
| 175 | 175 |
| 176 .action { | 176 .action { |
| 177 background: var(--google-blue-500); | 177 background: var(--google-blue-500); |
| 178 border-radius: 2px; | |
| 178 color: white; | 179 color: white; |
| 179 font-size: .875em; | 180 font-size: .8125em; |
| 180 font-weight: 500; | 181 font-weight: 500; |
| 181 line-height: 2.5em; | 182 line-height: 2.25rem; |
| 182 padding: 0.1em 1.5em; | 183 padding: 0 1.5em; |
| 183 } | 184 } |
| 184 | 185 |
| 185 .action:active { | 186 .action:active { |
| 186 background: var(--google-blue-500); | 187 background: var(--google-blue-500); |
| 187 } | 188 } |
| 188 | 189 |
| 189 .action:focus { | 190 .action:focus { |
| 190 background: var(--google-blue-700); | 191 background: var(--google-blue-700); |
| 191 } | 192 } |
| 192 | 193 |
| 193 .link { | 194 .link { |
| 194 color: var(--google-blue-700); | 195 color: var(--google-blue-700); |
| 195 display: inline-block; | 196 display: inline-block; |
| 196 font-size: .875em; | 197 font-size: .8125em; |
| 197 margin: 1.5em; | 198 margin: 1.5em; |
| 198 text-align: center; | 199 text-align: center; |
| 199 text-decoration: none; | 200 text-decoration: none; |
| 200 } | 201 } |
| 201 | 202 |
| 202 .link:hover { | 203 .link:hover { |
| 203 text-decoration: underline; | 204 text-decoration: none; |
|
Dan Beam
2016/10/14 20:36:55
same as .link
| |
| 204 } | 205 } |
| 205 | 206 |
| 206 .watermark { | 207 .watermark { |
| 207 -webkit-mask-image: url(chrome://welcome/watermark.svg); | 208 -webkit-mask-image: url(chrome://welcome/watermark.svg); |
| 208 -webkit-mask-repeat: no-repeat; | 209 -webkit-mask-repeat: no-repeat; |
| 209 -webkit-mask-size: 100%; | 210 -webkit-mask-size: 100%; |
| 210 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both; | 211 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both; |
| 211 background: var(--paper-grey-400); | 212 background: var(--paper-grey-400); |
| 212 bottom: 24px; | 213 bottom: 24px; |
| 213 height: 24px; | 214 height: 24px; |
| 214 position: absolute; | 215 position: absolute; |
| 215 width: 74px; | 216 width: 74px; |
| 216 } | 217 } |
| 218 | |
| 219 @media(max-height: 608px) { | |
| 220 .watermark { | |
| 221 display: none; | |
| 222 } | |
| 223 } | |
| OLD | NEW |