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 | 3 |
4 <!-- Common css variables for Material Design settings. --> | 4 <!-- Common css variables for Material Design settings. --> |
5 <style is="custom-style"> | 5 <style is="custom-style"> |
6 /* We keep our vars in sort order, though some vars must be defined prior to | 6 /* We keep our vars in sort order, though some vars must be defined prior to |
7 * others. The --settings-* vars are defined explicitly prior to the --paper-* | 7 * others. The --settings-* vars are defined explicitly prior to the --paper-* |
8 * and --iron-* vars. | 8 * and --iron-* vars. |
9 */ | 9 */ |
10 :root { | 10 :root { |
11 /* Some colors use non-MD colors. These custom colors are specified by | 11 /* Some colors use non-MD colors. These custom colors are specified by |
12 * UX design (bettes@). */ | 12 * UX design (bettes@). */ |
13 | 13 |
14 --settings-actionable: var(--cr-actionable); | 14 --settings-actionable: var(--cr-actionable); |
15 | 15 |
16 --settings-background-color: rgb(241, 241, 241); | 16 --settings-background-color: rgb(241, 241, 241); |
| 17 --settings-box-row-padding: 20px; |
17 --settings-disabled-opacity: .65; | 18 --settings-disabled-opacity: .65; |
18 --settings-error-color: var(--paper-red-700); | 19 --settings-error-color: var(--paper-red-700); |
19 | 20 |
20 --settings-list-frame-padding: { | 21 --settings-list-frame-padding: { |
21 -webkit-padding-end: 20px; | 22 -webkit-padding-end: var(--settings-box-row-padding); |
22 -webkit-padding-start: 56px; | 23 -webkit-padding-start: 56px; |
23 padding-bottom: 0; | 24 padding-bottom: 0; |
24 padding-top: 0; | 25 padding-top: 0; |
25 } | 26 } |
26 | 27 |
27 --settings-nav-grey: rgb(90, 90, 90); | 28 --settings-nav-grey: rgb(90, 90, 90); |
28 | 29 |
29 --settings-page-vertical-margin: 21px; | 30 --settings-page-vertical-margin: 21px; |
30 | 31 |
31 --settings-row-min-height: 44px; | 32 --settings-row-min-height: 44px; |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
75 | 76 |
76 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | 77 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); |
77 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | 78 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); |
78 --paper-toggle-button-checked-button: var(--settings-toggle-button-size); | 79 --paper-toggle-button-checked-button: var(--settings-toggle-button-size); |
79 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 80 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
80 --paper-toggle-button-label-spacing: 0; | 81 --paper-toggle-button-label-spacing: 0; |
81 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 82 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
82 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 83 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
83 } | 84 } |
84 </style> | 85 </style> |
OLD | NEW |