Chromium Code Reviews| 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 { |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 47 left: 4px; | 47 left: 4px; |
| 48 width: 24px; | 48 width: 24px; |
| 49 }; | 49 }; |
| 50 --settings-toggle-button-size: { | 50 --settings-toggle-button-size: { |
| 51 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); | 51 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); |
| 52 height: 16px; | 52 height: 16px; |
| 53 top: -2px; | 53 top: -2px; |
| 54 width: 16px; | 54 width: 16px; |
| 55 }; | 55 }; |
| 56 --settings-toggle-color: var(--google-blue-500); | 56 --settings-toggle-color: var(--google-blue-500); |
| 57 } | |
| 58 | 57 |
| 59 :root { | |
|
hcarmona
2016/10/07 23:41:44
Nice
| |
| 60 --checkbox-margin-start: 2px; | 58 --checkbox-margin-start: 2px; |
| 61 --checkbox-size: 16px; | 59 --checkbox-size: 16px; |
| 62 --checkbox-spacing: 18px; | 60 --checkbox-spacing: 18px; |
| 63 --iron-icon-fill-color: var(--paper-grey-600); | 61 --iron-icon-fill-color: var(--paper-grey-600); |
| 64 --iron-icon-height: 20px; | 62 --iron-icon-height: 20px; |
| 65 --iron-icon-width: 20px; | 63 --iron-icon-width: 20px; |
| 66 --paper-checkbox-label-color: inherit; | 64 --paper-checkbox-label-color: inherit; |
| 67 --paper-dialog-color: inherit; | 65 --paper-dialog-color: inherit; |
| 68 --paper-icon-button: { | 66 --paper-icon-button: { |
| 69 height: 36px; | 67 height: 36px; |
| 70 width: 36px; | 68 width: 36px; |
| 71 }; | 69 }; |
| 70 --paper-input-container-input: { | |
| 71 color: inherit; | |
| 72 font-size: inherit; | |
| 73 font-weight: inherit; | |
| 74 vertical-align: baseline; | |
| 75 }; | |
| 72 --paper-input-max-width: 264px; | 76 --paper-input-max-width: 264px; |
| 73 --paper-item: { | 77 --paper-item: { |
| 74 font-size: inherit; | 78 font-size: inherit; |
| 75 }; | 79 }; |
| 76 --paper-radio-button-label-color: inherit; | 80 --paper-radio-button-label-color: inherit; |
| 77 --paper-radio-group-item-padding: 0; | 81 --paper-radio-group-item-padding: 0; |
| 78 | 82 |
| 79 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | 83 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); |
| 80 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | 84 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); |
| 81 --paper-toggle-button-checked-button: { | 85 --paper-toggle-button-checked-button: { |
| 82 @apply(--settings-toggle-button-size); | 86 @apply(--settings-toggle-button-size); |
| 83 transform: translate(14px, 0); | 87 transform: translate(14px, 0); |
| 84 }; | 88 }; |
| 85 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 89 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
| 86 --paper-toggle-button-label-spacing: 0; | 90 --paper-toggle-button-label-spacing: 0; |
| 87 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 91 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
| 88 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 92 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 89 } | 93 } |
| 90 </style> | 94 </style> |
| OLD | NEW |