| 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 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 87 /* Spacing between a control (e.g. checkbox) and its label. */ | 87 /* Spacing between a control (e.g. checkbox) and its label. */ |
| 88 --settings-control-label-spacing: 20px; | 88 --settings-control-label-spacing: 20px; |
| 89 | 89 |
| 90 /* Spacing between policy (controlledBy) indicator and control. */ | 90 /* Spacing between policy (controlledBy) indicator and control. */ |
| 91 --settings-controlled-by-spacing: var(--cr-controlled-by-spacing); | 91 --settings-controlled-by-spacing: var(--cr-controlled-by-spacing); |
| 92 | 92 |
| 93 --iron-icon-fill-color: var(--paper-grey-600); | 93 --iron-icon-fill-color: var(--paper-grey-600); |
| 94 --iron-icon-height: var(--cr-icon-size); | 94 --iron-icon-height: var(--cr-icon-size); |
| 95 --iron-icon-width: var(--cr-icon-size); | 95 --iron-icon-width: var(--cr-icon-size); |
| 96 --paper-checkbox-label-color: inherit; | 96 --paper-checkbox-label-color: inherit; |
| 97 --paper-dialog-color: inherit; | |
| 98 | 97 |
| 99 --paper-icon-button: { | 98 --paper-icon-button: { |
| 100 /** | 99 /** |
| 101 * This makes the icons 20px (in combination with --cr-icon-ripple-size), | 100 * This makes the icons 20px (in combination with --cr-icon-ripple-size), |
| 102 * since paper-icon-button>iron-icon width and height are hard-coded to | 101 * since paper-icon-button>iron-icon width and height are hard-coded to |
| 103 * 100%. | 102 * 100%. |
| 104 */ | 103 */ |
| 105 padding: var(--cr-icon-ripple-padding); | 104 padding: var(--cr-icon-ripple-padding); |
| 106 }; | 105 }; |
| 107 --paper-input-container-focus-color: var(--google-blue-500); | 106 --paper-input-container-focus-color: var(--google-blue-500); |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 143 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 145 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 144 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
| 146 | 145 |
| 147 --settings-input-underline: { | 146 --settings-input-underline: { |
| 148 border-color: var(--paper-grey-300); | 147 border-color: var(--paper-grey-300); |
| 149 }; | 148 }; |
| 150 | 149 |
| 151 --paper-input-container-underline: var(--settings-input-underline); | 150 --paper-input-container-underline: var(--settings-input-underline); |
| 152 } | 151 } |
| 153 </style> | 152 </style> |
| OLD | NEW |