| 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 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 * 40px"), since paper-icon-button>iron-icon width and height are | 96 * 40px"), since paper-icon-button>iron-icon width and height are |
| 97 * hardcoded to 100%. | 97 * hardcoded to 100%. |
| 98 */ | 98 */ |
| 99 padding: 10px; | 99 padding: 10px; |
| 100 }; | 100 }; |
| 101 --paper-input-container-focus-color: var(--google-blue-500); | 101 --paper-input-container-focus-color: var(--google-blue-500); |
| 102 --paper-input-container-input: { | 102 --paper-input-container-input: { |
| 103 color: inherit; | 103 color: inherit; |
| 104 font-size: inherit; | 104 font-size: inherit; |
| 105 font-weight: inherit; | 105 font-weight: inherit; |
| 106 line-height: inherit; |
| 106 vertical-align: baseline; | 107 vertical-align: baseline; |
| 107 }; | 108 }; |
| 109 --paper-input-container-label: { |
| 110 font-size: inherit; |
| 111 line-height: inherit; |
| 112 } |
| 113 --paper-input-error: { |
| 114 font-size: 92.31%; /* Should be 12px when 100% is 13px. */ |
| 115 line-height: inherit; |
| 116 overflow: visible; /* Half-visible error message is not useful at all. */ |
| 117 } |
| 108 --paper-input-max-width: 264px; | 118 --paper-input-max-width: 264px; |
| 109 --paper-radio-button-ink-size: 40px; | 119 --paper-radio-button-ink-size: 40px; |
| 110 --paper-radio-button-label-color: inherit; | 120 --paper-radio-button-label-color: inherit; |
| 111 --paper-radio-button-size: 16px; | 121 --paper-radio-button-size: 16px; |
| 112 --paper-radio-group-item-padding: 0; | 122 --paper-radio-group-item-padding: 0; |
| 113 | 123 |
| 114 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | 124 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); |
| 115 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | 125 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); |
| 116 --paper-toggle-button-checked-button: { | 126 --paper-toggle-button-checked-button: { |
| 117 @apply(--settings-toggle-button-size); | 127 @apply(--settings-toggle-button-size); |
| 118 transform: translate(18px, 0); | 128 transform: translate(18px, 0); |
| 119 }; | 129 }; |
| 120 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 130 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
| 121 --paper-toggle-button-label-spacing: 0; | 131 --paper-toggle-button-label-spacing: 0; |
| 122 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 132 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
| 123 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 133 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 124 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); | 134 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); |
| 125 | 135 |
| 126 --settings-input-underline: { | 136 --settings-input-underline: { |
| 127 border-color: var(--paper-grey-300); | 137 border-color: var(--paper-grey-300); |
| 128 } | 138 } |
| 129 | 139 |
| 130 --paper-input-container-underline: var(--settings-input-underline); | 140 --paper-input-container-underline: var(--settings-input-underline); |
| 131 } | 141 } |
| 132 </style> | 142 </style> |
| OLD | NEW |