Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Spacing System #4

Open
10 of 14 tasks
zakbutcher opened this issue Feb 7, 2020 · 1 comment · Fixed by #28 or #33
Open
10 of 14 tasks

Spacing System #4

zakbutcher opened this issue Feb 7, 2020 · 1 comment · Fixed by #28 or #33
Assignees
Labels
architecture Prepare for warp speed feature Something new and amazing! help wanted Halp! Pls!

Comments

@zakbutcher
Copy link
Contributor

zakbutcher commented Feb 7, 2020

Components

  • Box - Base div all others use to handle overlapping functionality
  • Flex - Supports minimum flex styles
  • Block - Supports minimum block styles
  • Grid - Supports minimum grid styles
  • List Item - Supports minimum list-item styles

Pseudo Code

  • TODO

Shared Props (Box)

  • Padding - size - s, m, l
  • Margin - size - s, m, l
  • Border - TODO
  • Box Shadow - TODO
  • Background Color - Box supports background color for all colors in palette

Component Props

  • Flex - display - flex / inline
  • Block - display - block / inline
  • Grid - display - grid / inline - List Item
  • display - list-item
@zakbutcher zakbutcher added feature Something new and amazing! architecture Prepare for warp speed help wanted Halp! Pls! labels Feb 7, 2020
@zakbutcher zakbutcher added this to the MVP - Foundations milestone Feb 7, 2020
@zakbutcher zakbutcher linked a pull request Apr 20, 2020 that will close this issue
@zakbutcher zakbutcher linked a pull request May 7, 2020 that will close this issue
@zakbutcher
Copy link
Contributor Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
architecture Prepare for warp speed feature Something new and amazing! help wanted Halp! Pls!
Projects
None yet
1 participant