OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> |
4 | 4 |
5 <!-- Common css variables for Material Design settings. --> | 5 <!-- Common css variables for Material Design settings. --> |
6 <style is="custom-style"> | 6 <style is="custom-style"> |
7 /* We keep our vars in sort order, though some vars must be defined prior to | 7 /* We keep our vars in sort order, though some vars must be defined prior to |
8 * others. The --settings-* vars are defined explicitly prior to the --paper-* | 8 * others. The --settings-* vars are defined explicitly prior to the --paper-* |
9 * and --iron-* vars. | 9 * and --iron-* vars. |
10 */ | 10 */ |
11 :root { | 11 :root { |
12 /* Some colors use non-MD colors. These custom colors are specified by | 12 /* Some colors use non-MD colors. These custom colors are specified by |
13 * UX design (bettes@). */ | 13 * UX design (bettes@). */ |
14 | 14 |
15 --settings-actionable: var(--cr-actionable); | 15 --settings-actionable: var(--cr-actionable); |
| 16 --settings-button-edge-spacing: 12px; |
16 | 17 |
17 --settings-box-row-padding: 20px; | 18 --settings-box-row-padding: 20px; |
18 --settings-box-row-indent: calc( | 19 --settings-box-row-indent: calc( |
19 var(--settings-box-row-padding) + var(--settings-indent-width)); | 20 var(--settings-box-row-padding) + var(--settings-indent-width)); |
20 --settings-indent-width: 40px; | 21 --settings-indent-width: 40px; |
21 --settings-card-max-width: 680px; | 22 --settings-card-max-width: 680px; |
22 --settings-disabled-opacity: .65; | 23 --settings-disabled-opacity: .65; |
23 --settings-error-color: var(--paper-red-700); | 24 --settings-error-color: var(--paper-red-700); |
24 | 25 |
25 --settings-list-frame-padding: { | 26 --settings-list-frame-padding: { |
(...skipping 112 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
138 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 139 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
139 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 140 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
140 | 141 |
141 --settings-input-underline: { | 142 --settings-input-underline: { |
142 border-color: var(--paper-grey-300); | 143 border-color: var(--paper-grey-300); |
143 }; | 144 }; |
144 | 145 |
145 --paper-input-container-underline: var(--settings-input-underline); | 146 --paper-input-container-underline: var(--settings-input-underline); |
146 } | 147 } |
147 </style> | 148 </style> |
OLD | NEW |