| 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 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 145 @apply(--layout-center); | 145 @apply(--layout-center); |
| 146 display: flex; | 146 display: flex; |
| 147 min-height: 40px; | 147 min-height: 40px; |
| 148 padding: 0; | 148 padding: 0; |
| 149 } | 149 } |
| 150 | 150 |
| 151 .list-item.underbar { | 151 .list-item.underbar { |
| 152 border-bottom: 1px solid var(--paper-grey-300); | 152 border-bottom: 1px solid var(--paper-grey-300); |
| 153 } | 153 } |
| 154 | 154 |
| 155 .list-item.selected { |
| 156 font-weight: 500; |
| 157 } |
| 158 |
| 155 .list-item select { | 159 .list-item select { |
| 156 -webkit-margin-start: 4px; | 160 -webkit-margin-start: 4px; |
| 157 } | 161 } |
| 158 | 162 |
| 159 .list-item > .middle { | 163 .list-item > .middle { |
| 160 flex: 1; | 164 flex: 1; |
| 161 margin: 8px 12px; | 165 margin: 8px 12px; |
| 162 overflow: hidden; | 166 overflow: hidden; |
| 163 white-space: nowrap; | 167 white-space: nowrap; |
| 164 } | 168 } |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 245 | 249 |
| 246 .settings-checkbox-spacer { | 250 .settings-checkbox-spacer { |
| 247 -webkit-margin-start: calc( | 251 -webkit-margin-start: calc( |
| 248 var(--checkbox-margin-start) + | 252 var(--checkbox-margin-start) + |
| 249 var(--checkbox-size) + | 253 var(--checkbox-size) + |
| 250 var(--checkbox-spacing)); | 254 var(--checkbox-spacing)); |
| 251 } | 255 } |
| 252 </style> | 256 </style> |
| 253 </template> | 257 </template> |
| 254 </dom-module> | 258 </dom-module> |
| OLD | NEW |