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 :root { | 6 :root { |
7 --checkbox-margin-start: 2px; | 7 --checkbox-margin-start: 2px; |
8 --checkbox-size: 16px; | 8 --checkbox-size: 16px; |
9 --checkbox-spacing: 18px; | 9 --checkbox-spacing: 18px; |
10 --iron-icon-fill-color: var(--paper-grey-600); | 10 --iron-icon-fill-color: var(--paper-grey-600); |
11 --iron-icon-height: 20px; | 11 --iron-icon-height: 20px; |
12 --iron-icon-spacing: 16px; | 12 --iron-icon-spacing: 16px; |
13 --iron-icon-width: 20px; | 13 --iron-icon-width: 20px; |
14 --paper-checkbox-label-color: inherit; | 14 --paper-checkbox-label-color: inherit; |
15 --paper-dialog-color: inherit; | 15 --paper-dialog-color: inherit; |
16 --paper-icon-button: { | 16 --paper-icon-button: { |
17 width: 36px; | 17 width: 36px; |
18 height: 36px; | 18 height: 36px; |
19 }; | 19 }; |
20 --paper-input-max-width: 264px; | 20 --paper-input-max-width: 264px; |
21 --paper-item: { | 21 --paper-item: { |
22 font-size: inherit; | 22 font-size: inherit; |
23 }; | 23 }; |
24 --paper-radio-button-label-color: inherit; | 24 --paper-radio-button-label-color: inherit; |
25 --paper-radio-group-item-padding: 0; | 25 --paper-radio-group-item-padding: 0; |
26 | 26 |
27 --settings-toggle-bar-size: { | |
28 height: 12px; | |
29 width: 28px; | |
30 } | |
31 --settings-toggle-button-size: { | |
32 height: 16px; | |
33 width: 16px; | |
34 } | |
Dan Beam
2016/08/30 00:12:58
nit: technically these should end with ;
| |
35 --settings-toggle-color: var(--google-blue-500); | |
36 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | |
37 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | |
38 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | |
39 --paper-toggle-button-checked-button: var(--settings-toggle-button-size); | |
40 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | |
41 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | |
42 | |
27 --settings-actionable: var(--cr-actionable); | 43 --settings-actionable: var(--cr-actionable); |
28 | 44 |
29 /* Custom grey for Alan (bettes@). */ | 45 /* Custom grey for Alan (bettes@). */ |
30 --settings-background-color: rgb(241, 241, 241); | 46 --settings-background-color: rgb(241, 241, 241); |
31 --settings-secondary: { | 47 --settings-secondary: { |
32 color: var(--paper-grey-600); | 48 color: var(--paper-grey-600); |
33 font-weight: 400; | 49 font-weight: 400; |
34 margin-top: 4px; | 50 margin-top: 4px; |
35 }; | 51 }; |
36 --settings-disabled-opacity: .65; | 52 --settings-disabled-opacity: .65; |
(...skipping 14 matching lines...) Expand all Loading... | |
51 | 67 |
52 --settings-row-min-height: 44px; | 68 --settings-row-min-height: 44px; |
53 --settings-row-two-line-min-height: 56px; | 69 --settings-row-two-line-min-height: 56px; |
54 --settings-separator-line: var(--cr-separator-line); | 70 --settings-separator-line: var(--cr-separator-line); |
55 | 71 |
56 --settings-title-bar-background-color: var(--google-blue-700); | 72 --settings-title-bar-background-color: var(--google-blue-700); |
57 --settings-title-bar-color: rgb(255, 255, 255); | 73 --settings-title-bar-color: rgb(255, 255, 255); |
58 --settings-title-search-color: rgb(192, 199, 205); | 74 --settings-title-search-color: rgb(192, 199, 205); |
59 } | 75 } |
60 </style> | 76 </style> |
OLD | NEW |