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

larva-css utilities are incomplete #185

Open
laras126 opened this issue Apr 16, 2020 · 1 comment
Open

larva-css utilities are incomplete #185

laras126 opened this issue Apr 16, 2020 · 1 comment
Labels
bug Something isn't working

Comments

@laras126
Copy link
Contributor

laras126 commented Apr 16, 2020

There are several utilities missing from the larva-css repository that developers expect to be there. The padding and margin values in particular are inconsistent which results in developers needing to add project-level utilities to make up for them. It is then impossible to predict what utilities have an lrv- namespace and which do not, and this results in additional cognitive load when developing UI, which then results in inconsistent utilities added at the project level.

Here is a list of the most critical missing utilities:

  • Add: u-margins-XX-auto and u-margins-XX-00 for all breakpoints (desktop/tablet, desktop-xl), where XX = l, r, lr, tb, t, b
  • Add: u-padding-XX-00 for all breakpoints
  • Add: u-padding-XX-## and u-margin-XX-## for each side and breakpoint, where ## = spacing token values
  • Add: height/min-height/width/max-width 100p for all breakpoints
@laras126 laras126 added the bug Something isn't working label Apr 16, 2020
@curtisbelt
Copy link
Contributor

If implemented, Tailwind would resolve this issue - see #187

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants