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 |