| 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-500); | 9 --iron-icon-fill-color: var(--paper-grey-500); |
| 10 --iron-icon-height: 20px; | 10 --iron-icon-height: 20px; |
| 11 --iron-icon-width: 20px; | 11 --iron-icon-width: 20px; |
| 12 --paper-icon-button: { | 12 --paper-icon-button: { |
| 13 width: 36px; | 13 width: 36px; |
| 14 height: 36px; | 14 height: 36px; |
| 15 } | 15 } |
| 16 --settings-background-color: var(--paper-blue-grey-50); | 16 --settings-background-color: var(--paper-blue-grey-50); |
| 17 --settings-secondary: { | 17 --settings-secondary: { |
| 18 color: var(--paper-grey-500); | 18 color: var(--paper-grey-600); |
| 19 font-weight: 400; | 19 font-weight: 400; |
| 20 } | 20 } |
| 21 | 21 |
| 22 /* Some colors use non-MD colors. These custom colors are specified by | 22 /* Some colors use non-MD colors. These custom colors are specified by |
| 23 * UX design (bettes@). */ | 23 * UX design (bettes@). */ |
| 24 --settings-nav-grey: rgb(90, 90, 90); | 24 --settings-nav-grey: rgb(90, 90, 90); |
| 25 --settings-title-bar-background-color: rgb(52, 73, 94); | 25 --settings-title-bar-background-color: rgb(52, 73, 94); |
| 26 --settings-title-bar-color: rgb(255, 255, 255); | 26 --settings-title-bar-color: rgb(255, 255, 255); |
| 27 } | 27 } |
| 28 | 28 |
| (...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 242 | 242 |
| 243 .settings-checkbox-spacer { | 243 .settings-checkbox-spacer { |
| 244 -webkit-margin-start: calc( | 244 -webkit-margin-start: calc( |
| 245 var(--checkbox-margin-start) + | 245 var(--checkbox-margin-start) + |
| 246 var(--checkbox-size) + | 246 var(--checkbox-size) + |
| 247 var(--checkbox-spacing)); | 247 var(--checkbox-spacing)); |
| 248 } | 248 } |
| 249 </style> | 249 </style> |
| 250 </template> | 250 </template> |
| 251 </dom-module> | 251 </dom-module> |
| OLD | NEW |