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 */ |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
76 --settings-toggle-ink-size: { | 76 --settings-toggle-ink-size: { |
77 height: 40px; | 77 height: 40px; |
78 top: -12px; | 78 top: -12px; |
79 left: -12px; | 79 left: -12px; |
80 width: 40px; | 80 width: 40px; |
81 }; | 81 }; |
82 --settings-toggle-color: var(--google-blue-500); | 82 --settings-toggle-color: var(--google-blue-500); |
83 | 83 |
84 --checkbox-margin-start: 2px; | 84 --checkbox-margin-start: 2px; |
85 --checkbox-size: 16px; | 85 --checkbox-size: 16px; |
86 --settings-control-spacing: var(--cr-control-spacing); | 86 |
| 87 /* Spacing between a control (e.g. checkbox) and its label. */ |
| 88 --settings-control-label-spacing: 20px; |
| 89 |
| 90 /* Spacing between policy (controlledBy) indicator and control. */ |
| 91 --settings-controlled-by-spacing: var(--cr-controlled-by-spacing); |
| 92 |
87 --iron-icon-fill-color: var(--paper-grey-600); | 93 --iron-icon-fill-color: var(--paper-grey-600); |
88 --iron-icon-height: var(--cr-icon-size); | 94 --iron-icon-height: var(--cr-icon-size); |
89 --iron-icon-width: var(--cr-icon-size); | 95 --iron-icon-width: var(--cr-icon-size); |
90 --paper-checkbox-label-color: inherit; | 96 --paper-checkbox-label-color: inherit; |
91 --paper-dialog-color: inherit; | 97 --paper-dialog-color: inherit; |
92 | 98 |
93 --paper-icon-button: { | 99 --paper-icon-button: { |
94 /** | 100 /** |
95 * This makes the icons 20px (in combination with --cr-icon-ripple-size), | 101 * This makes the icons 20px (in combination with --cr-icon-ripple-size), |
96 * since paper-icon-button>iron-icon width and height are hard-coded to | 102 * since paper-icon-button>iron-icon width and height are hard-coded to |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
138 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 144 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
139 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 145 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
140 | 146 |
141 --settings-input-underline: { | 147 --settings-input-underline: { |
142 border-color: var(--paper-grey-300); | 148 border-color: var(--paper-grey-300); |
143 }; | 149 }; |
144 | 150 |
145 --paper-input-container-underline: var(--settings-input-underline); | 151 --paper-input-container-underline: var(--settings-input-underline); |
146 } | 152 } |
147 </style> | 153 </style> |
OLD | NEW |