Main Objective: replace all use cases of glamorous and glamor to use emotion object styles
Purpose:
- Unify styling under pattern
- Scope styles to components
- Implement object based syntax rather than template literal approach
Several different implementations currently exist for styling components, however each finished implementation should follow the same pattern. Here are two patterns that could be followed for final implementation:
Examples of implementations that need to be changed over to emotion:
Recommendations:
- Use storybook to confirm styling doesn't change from before to after your fix implementation
- Changing one file per commit per PR
- Use
git cz commit type of fix so there is a version bump associated with a successfully merged PR (if you need help setting up commitizen visit this link)
Feel free to reach out with questions or bring the conversation to the DSM Web Collective Slack
Main Objective: replace all use cases of
glamorousandglamorto useemotionobject stylesPurpose:
Several different implementations currently exist for styling
components, however each finished implementation should follow the same pattern. Here are two patterns that could be followed for final implementation:cssimplementation: copyright atomcssimplementation: talk moleculeExamples of implementations that need to be changed over to emotion:
glamordependence`: navigation atomglamorousdependence: sponsor bar atomRecommendations:
git czcommit type offixso there is a version bump associated with a successfully merged PR (if you need help setting upcommitizenvisit this link)Feel free to reach out with questions or bring the conversation to the DSM Web Collective Slack
styleprop usageglamorglamouroususage