| 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); | |
| 17 --settings-box-row-padding: 20px; | 16 --settings-box-row-padding: 20px; |
| 18 --settings-box-row-indent: calc( | 17 --settings-box-row-indent: calc( |
| 19 var(--settings-box-row-padding) + var(--settings-indent-width)); | 18 var(--settings-box-row-padding) + var(--settings-indent-width)); |
| 20 --settings-indent-width: 36px; | 19 --settings-indent-width: 36px; |
| 21 --settings-card-max-width: 680px; | 20 --settings-card-max-width: 680px; |
| 22 --settings-disabled-opacity: .65; | 21 --settings-disabled-opacity: .65; |
| 23 --settings-error-color: var(--paper-red-700); | 22 --settings-error-color: var(--paper-red-700); |
| 24 | 23 |
| 25 --settings-list-frame-padding: { | 24 --settings-list-frame-padding: { |
| 26 -webkit-padding-end: var(--settings-box-row-padding); | 25 -webkit-padding-end: var(--settings-box-row-padding); |
| (...skipping 25 matching lines...) Expand all Loading... |
| 52 white-space: nowrap; | 51 white-space: nowrap; |
| 53 }; | 52 }; |
| 54 | 53 |
| 55 --settings-secondary: { | 54 --settings-secondary: { |
| 56 color: var(--paper-grey-600); | 55 color: var(--paper-grey-600); |
| 57 font-weight: 400; | 56 font-weight: 400; |
| 58 }; | 57 }; |
| 59 --settings-separator-height: var(--cr-separator-height); | 58 --settings-separator-height: var(--cr-separator-height); |
| 60 --settings-separator-line: var(--cr-separator-line); | 59 --settings-separator-line: var(--cr-separator-line); |
| 61 | 60 |
| 62 --settings-title-bar-background-color: var(--google-blue-700); | |
| 63 --settings-title-bar-color: rgb(255, 255, 255); | 61 --settings-title-bar-color: rgb(255, 255, 255); |
| 64 --settings-title-search-color: rgb(192, 199, 205); | 62 --settings-title-search-color: rgb(192, 199, 205); |
| 65 --settings-toggle-bar-size: { | 63 --settings-toggle-bar-size: { |
| 66 height: 12px; | 64 height: 12px; |
| 67 left: 4px; | 65 left: 4px; |
| 68 width: 28px; | 66 width: 28px; |
| 69 }; | 67 }; |
| 70 --settings-toggle-button-size: { | 68 --settings-toggle-button-size: { |
| 71 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); | 69 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); |
| 72 height: 16px; | 70 height: 16px; |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 139 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 137 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 140 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 138 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
| 141 | 139 |
| 142 --settings-input-underline: { | 140 --settings-input-underline: { |
| 143 border-color: var(--paper-grey-300); | 141 border-color: var(--paper-grey-300); |
| 144 }; | 142 }; |
| 145 | 143 |
| 146 --paper-input-container-underline: var(--settings-input-underline); | 144 --paper-input-container-underline: var(--settings-input-underline); |
| 147 } | 145 } |
| 148 </style> | 146 </style> |
| OLD | NEW |