| OLD | NEW |
| 1 <!-- Common styles for Material Design settings. --> | 1 <!-- Common styles for Material Design settings. --> |
| 2 <dom-module id="settings-shared"> | 2 <dom-module id="settings-shared"> |
| 3 <template> | 3 <template> |
| 4 <style> | 4 <style> |
| 5 :root { | 5 :root { |
| 6 --checkbox-margin-start: 2px; | 6 --checkbox-margin-start: 2px; |
| 7 --checkbox-size: 16px; | 7 --checkbox-size: 16px; |
| 8 --checkbox-spacing: 18px; | 8 --checkbox-spacing: 18px; |
| 9 --iron-icon-fill-color: var(--paper-grey-600); | 9 --iron-icon-fill-color: var(--paper-grey-600); |
| 10 --iron-icon-height: 20px; | 10 --iron-icon-height: 20px; |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 min-height: var(--settings-row-min-height); | 47 min-height: var(--settings-row-min-height); |
| 48 } | 48 } |
| 49 | 49 |
| 50 iron-icon[icon=check], | 50 iron-icon[icon=check], |
| 51 iron-icon[icon=done] { | 51 iron-icon[icon=done] { |
| 52 --iron-icon-fill-color: var(--google-green-500); | 52 --iron-icon-fill-color: var(--google-green-500); |
| 53 } | 53 } |
| 54 | 54 |
| 55 paper-button { | 55 paper-button { |
| 56 margin: 0; | 56 margin: 0; |
| 57 min-width: auto; | |
| 58 } | 57 } |
| 59 | 58 |
| 60 paper-button[toggles][active] { | 59 paper-button[toggles][active] { |
| 61 background-color: var(--paper-grey-300); | 60 background-color: var(--paper-grey-300); |
| 62 } | 61 } |
| 63 | 62 |
| 64 span ~ a { | 63 span ~ a { |
| 65 -webkit-margin-start: 4px; | 64 -webkit-margin-start: 4px; |
| 66 } | 65 } |
| 67 | 66 |
| (...skipping 185 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 253 | 252 |
| 254 .settings-checkbox-spacer { | 253 .settings-checkbox-spacer { |
| 255 -webkit-margin-start: calc( | 254 -webkit-margin-start: calc( |
| 256 var(--checkbox-margin-start) + | 255 var(--checkbox-margin-start) + |
| 257 var(--checkbox-size) + | 256 var(--checkbox-size) + |
| 258 var(--checkbox-spacing)); | 257 var(--checkbox-spacing)); |
| 259 } | 258 } |
| 260 </style> | 259 </style> |
| 261 </template> | 260 </template> |
| 262 </dom-module> | 261 </dom-module> |
| OLD | NEW |