| 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 15 matching lines...) Expand all Loading... |
| 26 -webkit-padding-end: var(--settings-box-row-padding); | 26 -webkit-padding-end: var(--settings-box-row-padding); |
| 27 -webkit-padding-start: 56px; | 27 -webkit-padding-start: 56px; |
| 28 padding-bottom: 0; | 28 padding-bottom: 0; |
| 29 padding-top: 0; | 29 padding-top: 0; |
| 30 } | 30 } |
| 31 | 31 |
| 32 --settings-nav-grey: rgb(90, 90, 90); | 32 --settings-nav-grey: rgb(90, 90, 90); |
| 33 | 33 |
| 34 --settings-page-vertical-margin: 21px; | 34 --settings-page-vertical-margin: 21px; |
| 35 | 35 |
| 36 /* These are used for row items such as radio buttons, check boxes, list |
| 37 * items etc. */ |
| 36 --settings-row-min-height: 44px; | 38 --settings-row-min-height: 44px; |
| 37 --settings-row-two-line-min-height: 56px; | 39 --settings-row-two-line-min-height: 56px; |
| 40 |
| 41 /* These are used for the settings-box containers, which may contain one or |
| 42 * more "row items". */ |
| 43 --settings-box-min-height: 48px; |
| 44 --settings-box-two-line-min-height: 60px; |
| 45 |
| 38 --settings-secondary: { | 46 --settings-secondary: { |
| 39 color: var(--paper-grey-600); | 47 color: var(--paper-grey-600); |
| 40 font-weight: 400; | 48 font-weight: 400; |
| 41 margin-top: 4px; | 49 margin-top: 4px; |
| 42 }; | 50 }; |
| 43 --settings-separator-line: var(--cr-separator-line); | 51 --settings-separator-line: var(--cr-separator-line); |
| 44 | 52 |
| 45 --settings-title-bar-background-color: var(--google-blue-700); | 53 --settings-title-bar-background-color: var(--google-blue-700); |
| 46 --settings-title-bar-color: rgb(255, 255, 255); | 54 --settings-title-bar-color: rgb(255, 255, 255); |
| 47 --settings-title-search-color: rgb(192, 199, 205); | 55 --settings-title-search-color: rgb(192, 199, 205); |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 88 --paper-toggle-button-checked-button: { | 96 --paper-toggle-button-checked-button: { |
| 89 @apply(--settings-toggle-button-size); | 97 @apply(--settings-toggle-button-size); |
| 90 transform: translate(14px, 0); | 98 transform: translate(14px, 0); |
| 91 }; | 99 }; |
| 92 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 100 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
| 93 --paper-toggle-button-label-spacing: 0; | 101 --paper-toggle-button-label-spacing: 0; |
| 94 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 102 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
| 95 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 103 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
| 96 } | 104 } |
| 97 </style> | 105 </style> |
| OLD | NEW |