monkey
monkey copied to clipboard
guardicore
Document styling pattern for UI refactoring
Spike
We need to agree upon which CSS styling pattern we want to use as there are numerous options
Patterns to consider
Styled components
Example libraries: Emotion, styled-jsx
Pros:
- Makes components more self-contained Cons:
- Code duplication
Utility classes
Example library: Tailwind
Pros:
- Reusable css Cons:
- Less straightforward,
Other
We might mix the two, use global stylesheets in addition.
Output
Styling pattern is chosen and documented in UI guidelines.
