| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 2 <link rel="import" href="settings_vars_css.html"> | 2 <link rel="import" href="settings_vars_css.html"> |
| 3 | 3 |
| 4 <!-- Common styles for Material Design settings. --> | 4 <!-- Common styles for Material Design settings. --> |
| 5 <dom-module id="settings-shared"> | 5 <dom-module id="settings-shared"> |
| 6 <template> | 6 <template> |
| 7 <style include="cr-shared-style"> | 7 <style include="cr-shared-style"> |
| 8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { | 8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { |
| 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ |
| 10 } | 10 } |
| (...skipping 296 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 307 .settings-box .start.two-line { | 307 .settings-box .start.two-line { |
| 308 display: flex; | 308 display: flex; |
| 309 } | 309 } |
| 310 | 310 |
| 311 /* The start (left in LTR) part (horizontally) of a row. */ | 311 /* The start (left in LTR) part (horizontally) of a row. */ |
| 312 .settings-box .start { | 312 .settings-box .start { |
| 313 align-items: center; | 313 align-items: center; |
| 314 flex: auto; | 314 flex: auto; |
| 315 } | 315 } |
| 316 | 316 |
| 317 .settings-row { |
| 318 align-items: center; |
| 319 display: flex; |
| 320 flex-direction: row; |
| 321 max-width: 100%; |
| 322 } |
| 323 |
| 317 .no-outline, | 324 .no-outline, |
| 318 [scrollable] .no-outline { | 325 [scrollable] .no-outline { |
| 319 background: none; | 326 background: none; |
| 320 outline: none; | 327 outline: none; |
| 321 } | 328 } |
| 322 | 329 |
| 323 /* Helper for a list frame to automatically avoid the separator line. */ | 330 /* Helper for a list frame to automatically avoid the separator line. */ |
| 324 .vertical-list > *:not(:first-of-type) { | 331 .vertical-list > *:not(:first-of-type) { |
| 325 border-top: var(--settings-separator-line); | 332 border-top: var(--settings-separator-line); |
| 326 } | 333 } |
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 392 transform: rotate(-135deg); | 399 transform: rotate(-135deg); |
| 393 } | 400 } |
| 394 | 401 |
| 395 .column-header { | 402 .column-header { |
| 396 color: var(--paper-grey-600); | 403 color: var(--paper-grey-600); |
| 397 font-weight: 500; | 404 font-weight: 500; |
| 398 } | 405 } |
| 399 </style> | 406 </style> |
| 400 </template> | 407 </template> |
| 401 </dom-module> | 408 </dom-module> |
| OLD | NEW |