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 28 matching lines...) Expand all Loading... | |
39 | 39 |
40 --settings-title-bar-background-color: var(--google-blue-700); | 40 --settings-title-bar-background-color: var(--google-blue-700); |
41 --settings-title-bar-color: rgb(255, 255, 255); | 41 --settings-title-bar-color: rgb(255, 255, 255); |
42 --settings-title-search-color: rgb(192, 199, 205); | 42 --settings-title-search-color: rgb(192, 199, 205); |
43 --settings-toggle-bar-size: { | 43 --settings-toggle-bar-size: { |
44 height: 12px; | 44 height: 12px; |
45 left: 4px; | 45 left: 4px; |
46 width: 24px; | 46 width: 24px; |
47 }; | 47 }; |
48 --settings-toggle-button-size: { | 48 --settings-toggle-button-size: { |
49 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); | |
tommycli
2016/09/16 23:32:11
custom shadow per alan in the bug I take it?
dschuyler
2016/09/16 23:35:43
Verbatim.
| |
49 height: 16px; | 50 height: 16px; |
51 top: -2px; | |
50 width: 16px; | 52 width: 16px; |
51 }; | 53 }; |
52 --settings-toggle-color: var(--google-blue-500); | 54 --settings-toggle-color: var(--google-blue-500); |
53 } | 55 } |
54 | 56 |
55 :root { | 57 :root { |
56 --checkbox-margin-start: 2px; | 58 --checkbox-margin-start: 2px; |
57 --checkbox-size: 16px; | 59 --checkbox-size: 16px; |
58 --checkbox-spacing: 18px; | 60 --checkbox-spacing: 18px; |
59 --iron-icon-fill-color: var(--paper-grey-600); | 61 --iron-icon-fill-color: var(--paper-grey-600); |
60 --iron-icon-height: 20px; | 62 --iron-icon-height: 20px; |
61 --iron-icon-spacing: 16px; | 63 --iron-icon-spacing: 16px; |
62 --iron-icon-width: 20px; | 64 --iron-icon-width: 20px; |
63 --paper-checkbox-label-color: inherit; | 65 --paper-checkbox-label-color: inherit; |
64 --paper-dialog-color: inherit; | 66 --paper-dialog-color: inherit; |
65 --paper-icon-button: { | 67 --paper-icon-button: { |
66 height: 36px; | 68 height: 36px; |
67 width: 36px; | 69 width: 36px; |
68 }; | 70 }; |
69 --paper-input-max-width: 264px; | 71 --paper-input-max-width: 264px; |
70 --paper-item: { | 72 --paper-item: { |
71 font-size: inherit; | 73 font-size: inherit; |
72 }; | 74 }; |
73 --paper-radio-button-label-color: inherit; | 75 --paper-radio-button-label-color: inherit; |
74 --paper-radio-group-item-padding: 0; | 76 --paper-radio-group-item-padding: 0; |
75 | 77 |
76 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); | 78 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); |
77 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); | 79 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); |
78 --paper-toggle-button-checked-button: var(--settings-toggle-button-size); | 80 --paper-toggle-button-checked-button: { |
81 @apply(--settings-toggle-button-size); | |
82 transform: translate(14px, 0); | |
83 }; | |
79 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); | 84 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); |
80 --paper-toggle-button-label-spacing: 0; | 85 --paper-toggle-button-label-spacing: 0; |
81 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); | 86 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); |
82 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); | 87 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); |
83 } | 88 } |
84 </style> | 89 </style> |
OLD | NEW |