Spacing System - Githubissues

pariveda-accelerators / react-toolkit

Component library and other helpful tooling when building an application using React

MIT License

1 stars 1 forks source link

Spacing System #4

Open zakbutcher opened 4 years ago

zakbutcher commented 4 years ago

Components

[x] Box - Base div all others use to handle overlapping functionality
[x] Flex - Supports minimum flex styles
[x] Block - Supports minimum block styles
[ ] Grid - Supports minimum grid styles
[ ] List Item - Supports minimum list-item styles
Pseudo Code
TODO

Shared Props (Box)

[x] Padding - size - s, m, l
[x] Margin - size - s, m, l
[ ] Border - TODO
[ ] Box Shadow - TODO
[x] Background Color - Box supports background color for all colors in palette
Component Props
[x] Flex - display - flex / inline
[x] Block - display - block / inline
[x] Grid - display - grid / inline - List Item
[x] display - list-item

zakbutcher commented 4 years ago

Need to do some brainstorming around #34 before moving this forward