OLD | NEW |
1 <style is="custom-style"> | 1 <style is="custom-style"> |
2 :root { | 2 :root { |
3 --card-border-color: rgba(0, 0, 0, 0.14); | 3 --card-border-color: rgba(0, 0, 0, 0.14); |
4 --card-first-last-item-padding: 8px; | 4 --card-first-last-item-padding: 8px; |
5 --card-max-width: 960px; | 5 --card-max-width: 960px; |
6 --card-min-width: 550px; | 6 --card-min-width: 550px; |
7 --card-padding-between: 20px; | 7 --card-padding-between: 16px; |
8 --card-padding-side: 24px; | 8 --card-padding-side: 24px; |
9 --card-sizing: { | 9 --card-sizing: { |
10 margin: 0 auto; | 10 margin: 0 auto; |
11 max-width: var(--card-max-width); | 11 max-width: var(--card-max-width); |
12 min-width: var(--card-min-width); | 12 min-width: var(--card-min-width); |
13 padding: 0 var(--card-padding-side); | 13 padding: 0 var(--card-padding-side); |
14 width: calc(100% - 2 * var(--card-padding-side)); | 14 width: calc(100% - 2 * var(--card-padding-side)); |
15 }; | 15 }; |
16 --first-card-padding-top: 24px; | 16 --first-card-padding-top: 24px; |
17 --item-height: 44px; | 17 --item-height: 44px; |
18 --primary-text-color: #333; | 18 --primary-text-color: #333; |
19 --secondary-text-color: #757575; | 19 --secondary-text-color: #757575; |
20 --side-bar-width: 256px; | 20 --side-bar-width: 256px; |
21 --toolbar-grouped-height: 101px; | 21 --toolbar-grouped-height: 101px; |
22 --toolbar-height: 56px; | 22 --toolbar-height: 56px; |
23 } | 23 } |
24 </style> | 24 </style> |
OLD | NEW |