| 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 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 width: var(--cr-icon-ripple-size); | 90 width: var(--cr-icon-ripple-size); |
| 91 }; | 91 }; |
| 92 --paper-input-container-focus-color: var(--google-blue-500); | 92 --paper-input-container-focus-color: var(--google-blue-500); |
| 93 --paper-input-container-input: { | 93 --paper-input-container-input: { |
| 94 color: inherit; | 94 color: inherit; |
| 95 font-size: inherit; | 95 font-size: inherit; |
| 96 font-weight: inherit; | 96 font-weight: inherit; |
| 97 vertical-align: baseline; | 97 vertical-align: baseline; |
| 98 }; | 98 }; |
| 99 --paper-input-max-width: 264px; | 99 --paper-input-max-width: 264px; |
| 100 --paper-item: { | |
| 101 font-size: inherit; | |
| 102 }; | |
| 103 --paper-radio-button-ink-size: 40px; | 100 --paper-radio-button-ink-size: 40px; |
| 104 --paper-radio-button-label-color: inherit; | 101 --paper-radio-button-label-color: inherit; |
| 105 --paper-radio-button-size: 16px; | 102 --paper-radio-button-size: 16px; |
| 106 --paper-radio-group-item-padding: 0; | 103 --paper-radio-group-item-padding: 0; |
| 107 | 104 |
| 108 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | 105 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); |
| 109 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | 106 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); |
| 110 --paper-toggle-button-checked-button: { | 107 --paper-toggle-button-checked-button: { |
| 111 @apply(--settings-toggle-button-size); | 108 @apply(--settings-toggle-button-size); |
| 112 transform: translate(18px, 0); | 109 transform: translate(18px, 0); |
| 113 }; | 110 }; |
| 114 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 111 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
| 115 --paper-toggle-button-label-spacing: 0; | 112 --paper-toggle-button-label-spacing: 0; |
| 116 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 113 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
| 117 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 114 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 118 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 115 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
| 119 | 116 |
| 120 --settings-input-underline: { | 117 --settings-input-underline: { |
| 121 border-color: var(--paper-grey-300); | 118 border-color: var(--paper-grey-300); |
| 122 } | 119 } |
| 123 | 120 |
| 124 --paper-input-container-underline: var(--settings-input-underline); | 121 --paper-input-container-underline: var(--settings-input-underline); |
| 125 } | 122 } |
| 126 </style> | 123 </style> |
| OLD | NEW |