OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.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 WebUI. --> | 4 <!-- Common css variables for Material Design WebUI. --> |
5 <style is="custom-style"> | 5 <style is="custom-style"> |
6 :root { | 6 :root { |
7 --cr-actionable: { | 7 --cr-actionable: { |
8 cursor: pointer; | 8 cursor: pointer; |
9 }; | 9 }; |
10 | 10 |
11 --cr-control-spacing: 18px; | 11 /* Spacing between policy (controlledBy) indicator and control. */ |
| 12 --cr-control-spacing: 24px; |
12 | 13 |
13 --cr-focused-item-color: var(--google-grey-300); | 14 --cr-focused-item-color: var(--google-grey-300); |
14 | 15 |
15 /* The inner icon is 20px in size. paper-icon-button has 8px padding. */ | 16 /* The inner icon is 20px in size. paper-icon-button has 8px padding. */ |
16 --cr-icon-ripple-size: 36px; | 17 --cr-icon-ripple-size: 36px; |
17 --cr-icon-ripple-padding: 8px; | 18 --cr-icon-ripple-padding: 8px; |
18 | 19 |
19 --cr-icon-size: 20px; | 20 --cr-icon-size: 20px; |
20 | 21 |
21 --cr-icon-height-width: { | 22 --cr-icon-height-width: { |
22 height: var(--cr-icon-size); | 23 height: var(--cr-icon-size); |
23 width: var(--cr-icon-size); | 24 width: var(--cr-icon-size); |
24 } | 25 } |
25 | 26 |
26 --cr-paper-icon-button-margin: { | 27 --cr-paper-icon-button-margin: { |
27 /* Allow ripple to overlap the end. */ | 28 /* Allow ripple to overlap the end. */ |
28 -webkit-margin-end: calc(var(--cr-icon-ripple-padding) * -1); | 29 -webkit-margin-end: calc(var(--cr-icon-ripple-padding) * -1); |
29 -webkit-margin-start: 16px; | 30 -webkit-margin-start: 16px; |
30 } | 31 } |
31 | 32 |
32 --cr-selectable-focus: { | 33 --cr-selectable-focus: { |
33 background-color: var(--cr-focused-item-color); | 34 background-color: var(--cr-focused-item-color); |
34 outline: none; | 35 outline: none; |
35 } | 36 } |
36 --cr-separator-height: 1px; | 37 --cr-separator-height: 1px; |
37 --cr-separator-line: var(--cr-separator-height) solid rgba(0, 0, 0, 0.06); | 38 --cr-separator-line: var(--cr-separator-height) solid rgba(0, 0, 0, 0.06); |
38 --paper-checkbox-ink-size: 40px; | 39 --paper-checkbox-ink-size: 40px; |
39 } | 40 } |
40 </style> | 41 </style> |
OLD | NEW |