| 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 /* Included here so we don't have to include "iron-positioning" in every | 8 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { | 10 [hidden] { |
| (...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 127 paper-checkbox { | 127 paper-checkbox { |
| 128 --paper-checkbox-checked-color: var(--google-blue-500); | 128 --paper-checkbox-checked-color: var(--google-blue-500); |
| 129 --paper-checkbox-label-spacing: var(--settings-control-spacing); | 129 --paper-checkbox-label-spacing: var(--settings-control-spacing); |
| 130 --paper-checkbox-size: var(--checkbox-size); | 130 --paper-checkbox-size: var(--checkbox-size); |
| 131 --paper-checkbox-unchecked-color: var(--paper-grey-600); | 131 --paper-checkbox-unchecked-color: var(--paper-grey-600); |
| 132 -webkit-margin-start: var(--checkbox-margin-start); | 132 -webkit-margin-start: var(--checkbox-margin-start); |
| 133 } | 133 } |
| 134 | 134 |
| 135 paper-radio-button { | 135 paper-radio-button { |
| 136 --paper-radio-button-checked-color: var(--google-blue-500); | 136 --paper-radio-button-checked-color: var(--google-blue-500); |
| 137 --paper-radio-button-label-spacing: 18px; | 137 --paper-radio-button-label-spacing: 22px; |
| 138 --paper-radio-button-unchecked-color: var(--paper-grey-600); | 138 --paper-radio-button-unchecked-color: var(--paper-grey-600); |
| 139 -webkit-margin-start: 2px; | 139 -webkit-margin-start: 2px; |
| 140 align-items: center; | 140 align-items: center; |
| 141 display: flex; | 141 display: flex; |
| 142 min-height: var(--settings-row-min-height); | 142 min-height: var(--settings-row-min-height); |
| 143 } | 143 } |
| 144 | 144 |
| 145 paper-radio-group { | 145 paper-radio-group { |
| 146 width: 100%; | 146 width: 100%; |
| 147 } | 147 } |
| (...skipping 23 matching lines...) Expand all Loading... |
| 171 /* A list-frame is an outer container for list-items. It is intended to be | 171 /* A list-frame is an outer container for list-items. It is intended to be |
| 172 * outside of a settings-box. A list-frame is likely to follow a | 172 * outside of a settings-box. A list-frame is likely to follow a |
| 173 * settings box. */ | 173 * settings box. */ |
| 174 .list-frame { | 174 .list-frame { |
| 175 @apply(--settings-list-frame-padding); | 175 @apply(--settings-list-frame-padding); |
| 176 align-items: center; | 176 align-items: center; |
| 177 display: block; | 177 display: block; |
| 178 } | 178 } |
| 179 | 179 |
| 180 /* A list-item is intended to be contained within a list-frame. The list | 180 /* A list-item is intended to be contained within a list-frame. The list |
| 181 * frame will setup the initial start margin. */ | 181 * frame will set up the initial start margin. */ |
| 182 .list-item { | 182 .list-item { |
| 183 align-items: center; | 183 align-items: center; |
| 184 display: flex; | 184 display: flex; |
| 185 min-height: var(--settings-row-min-height); | 185 min-height: var(--settings-row-min-height); |
| 186 padding: 0; | 186 padding: 0; |
| 187 } | 187 } |
| 188 | 188 |
| 189 /* A thin separator line under a list item. */ | 189 /* A thin separator line under a list item. */ |
| 190 .list-item.underbar { | 190 .list-item.underbar { |
| 191 border-bottom: var(--settings-separator-line); | 191 border-bottom: var(--settings-separator-line); |
| (...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 388 transform: rotate(-135deg); | 388 transform: rotate(-135deg); |
| 389 } | 389 } |
| 390 | 390 |
| 391 .column-header { | 391 .column-header { |
| 392 color: var(--paper-grey-600); | 392 color: var(--paper-grey-600); |
| 393 font-weight: 500; | 393 font-weight: 500; |
| 394 } | 394 } |
| 395 </style> | 395 </style> |
| 396 </template> | 396 </template> |
| 397 </dom-module> | 397 </dom-module> |
| OLD | NEW |