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 |