| 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'] { | |
| 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | |
| 10 } | |
| 11 | |
| 12 :host-context([dir=rtl]) paper-icon-button[icon='settings:arrow-back'] { | |
| 13 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | |
| 14 } | |
| 15 | |
| 16 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ | 8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ |
| 17 h2 { | 9 h2 { |
| 18 align-items: center; | 10 align-items: center; |
| 19 align-self: flex-start; | 11 align-self: flex-start; |
| 20 color: var(--paper-grey-600); | 12 color: var(--paper-grey-600); |
| 21 display: flex; | 13 display: flex; |
| 22 font-size: inherit; | 14 font-size: inherit; |
| 23 font-weight: 500; | 15 font-weight: 500; |
| 24 margin: 0; | 16 margin: 0; |
| 25 padding-bottom: 12px; | 17 padding-bottom: 12px; |
| (...skipping 366 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 392 transform: rotate(-135deg); | 384 transform: rotate(-135deg); |
| 393 } | 385 } |
| 394 | 386 |
| 395 .column-header { | 387 .column-header { |
| 396 color: var(--paper-grey-600); | 388 color: var(--paper-grey-600); |
| 397 font-weight: 500; | 389 font-weight: 500; |
| 398 } | 390 } |
| 399 </style> | 391 </style> |
| 400 </template> | 392 </template> |
| 401 </dom-module> | 393 </dom-module> |
| OLD | NEW |