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); |
(...skipping 17 matching lines...) Expand all Loading... |
28 | 28 |
29 /* Custom grey for Alan (bettes@). */ | 29 /* Custom grey for Alan (bettes@). */ |
30 --settings-background-color: rgb(241, 241, 241); | 30 --settings-background-color: rgb(241, 241, 241); |
31 --settings-secondary: { | 31 --settings-secondary: { |
32 color: var(--paper-grey-600); | 32 color: var(--paper-grey-600); |
33 font-weight: 400; | 33 font-weight: 400; |
34 margin-top: 4px; | 34 margin-top: 4px; |
35 }; | 35 }; |
36 --settings-error-color: var(--paper-red-700); | 36 --settings-error-color: var(--paper-red-700); |
37 | 37 |
| 38 --settings-list-frame-padding: { |
| 39 -webkit-padding-end: 20px; |
| 40 -webkit-padding-start: 56px; |
| 41 padding-bottom: 0; |
| 42 padding-top: 0; |
| 43 } |
| 44 |
38 /* Some colors use non-MD colors. These custom colors are specified by | 45 /* Some colors use non-MD colors. These custom colors are specified by |
39 * UX design (bettes@). */ | 46 * UX design (bettes@). */ |
40 --settings-nav-grey: rgb(90, 90, 90); | 47 --settings-nav-grey: rgb(90, 90, 90); |
41 | 48 |
42 --settings-page-vertical-margin: 21px; | 49 --settings-page-vertical-margin: 21px; |
43 | 50 |
44 --settings-row-min-height: 44px; | 51 --settings-row-min-height: 44px; |
45 --settings-row-two-line-min-height: 56px; | 52 --settings-row-two-line-min-height: 56px; |
46 --settings-separator-line: var(--cr-separator-line); | 53 --settings-separator-line: var(--cr-separator-line); |
47 | 54 |
48 --settings-title-bar-background-color: var(--google-blue-700); | 55 --settings-title-bar-background-color: var(--google-blue-700); |
49 --settings-title-bar-color: rgb(255, 255, 255); | 56 --settings-title-bar-color: rgb(255, 255, 255); |
50 --settings-title-search-color: rgb(192, 199, 205); | 57 --settings-title-search-color: rgb(192, 199, 205); |
51 } | 58 } |
52 </style> | 59 </style> |
OLD | NEW |