| OLD | NEW |
| 1 /* Copyright 2017 The Chromium Authors. All rights reserved. | 1 /* Copyright 2017 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 -webkit-font-smoothing: antialiased; | 6 -webkit-font-smoothing: antialiased; |
| 7 font-size: 100%; | 7 font-size: 100%; |
| 8 margin: 0; | 8 margin: 0; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 169 /* Margins of floating elements don't collapse. The margin for bulletpoints | 169 /* Margins of floating elements don't collapse. The margin for bulletpoints |
| 170 * will usually be provided by a neighboring element. */ | 170 * will usually be provided by a neighboring element. */ |
| 171 .bulletpoints { | 171 .bulletpoints { |
| 172 margin: 0; | 172 margin: 0; |
| 173 } | 173 } |
| 174 | 174 |
| 175 .bulletpoints + .bulletpoints { | 175 .bulletpoints + .bulletpoints { |
| 176 -webkit-margin-start: 40px; | 176 -webkit-margin-start: 40px; |
| 177 } | 177 } |
| 178 | 178 |
| 179 .bulletpoints + .bulletpoints.tooWide { | 179 .bulletpoints + .bulletpoints.too-wide { |
| 180 -webkit-margin-start: 0; | 180 -webkit-margin-start: 0; |
| 181 margin-top: 1.5rem; | 181 margin-top: 1.5rem; |
| 182 } | 182 } |
| 183 | 183 |
| 184 /* Wide screens. */ | 184 /* Wide screens. */ |
| 185 @media (min-width: 720px) { | 185 @media (min-width: 720px) { |
| 186 .icon, | 186 .icon, |
| 187 h1, | 187 h1, |
| 188 #subtitle, | 188 #subtitle, |
| 189 .learn-more-button { | 189 .learn-more-button { |
| (...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 292 } | 292 } |
| 293 | 293 |
| 294 /* Very narrow screens. */ | 294 /* Very narrow screens. */ |
| 295 @media (max-width: 240px) { | 295 @media (max-width: 240px) { |
| 296 .content { | 296 .content { |
| 297 min-width: 192px; | 297 min-width: 192px; |
| 298 padding-left: 24px; | 298 padding-left: 24px; |
| 299 padding-right: 24px; | 299 padding-right: 24px; |
| 300 } | 300 } |
| 301 } | 301 } |
| OLD | NEW |