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