| 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 188 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 199 | 199 |
| 200 /* The start (left in LTR) part (horizontally) of a list item. */ | 200 /* The start (left in LTR) part (horizontally) of a list item. */ |
| 201 .list-item > .start { | 201 .list-item > .start { |
| 202 flex: 1; | 202 flex: 1; |
| 203 } | 203 } |
| 204 | 204 |
| 205 .list-item > label span[disabled] { | 205 .list-item > label span[disabled] { |
| 206 opacity: var(--settings-disabled-opacity); | 206 opacity: var(--settings-disabled-opacity); |
| 207 } | 207 } |
| 208 | 208 |
| 209 .list-item > paper-icon-item { | |
| 210 padding: 0; | |
| 211 } | |
| 212 | |
| 213 /* This button has no ink ripple. */ | 209 /* This button has no ink ripple. */ |
| 214 .list-button[is='action-link'] { | 210 .list-button[is='action-link'] { |
| 215 align-items: center; | 211 align-items: center; |
| 216 display: flex; | 212 display: flex; |
| 217 flex: 1; | 213 flex: 1; |
| 218 font-weight: 500; | 214 font-weight: 500; |
| 219 min-height: inherit; | 215 min-height: inherit; |
| 220 } | 216 } |
| 221 | 217 |
| 222 /* A row with two lines of text. Often the lower line will be .secondary. | 218 /* A row with two lines of text. Often the lower line will be .secondary. |
| (...skipping 168 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 391 transform: rotate(-135deg); | 387 transform: rotate(-135deg); |
| 392 } | 388 } |
| 393 | 389 |
| 394 .column-header { | 390 .column-header { |
| 395 color: var(--paper-grey-600); | 391 color: var(--paper-grey-600); |
| 396 font-weight: 500; | 392 font-weight: 500; |
| 397 } | 393 } |
| 398 </style> | 394 </style> |
| 399 </template> | 395 </template> |
| 400 </dom-module> | 396 </dom-module> |
| OLD | NEW |