All buttons should now have a 4px corner radius, be in Roboto Bold and in Lower Case. This applies to all buttons CTA, Secondary, and Donate.
Tasks
- Apply 4px radius to all button styles.
- Use Roboto and font-weight bold.
- Don't use custom text-tranform (eg. uppercase). That includes also blocks (eg. Split Two Columns, Carousel Header) and Donate button on Navbar. Instead we should use text-transform: capitalize, that will capitalize first letter on each word.
- Add a text-transform-none class
- Remove any custom border-radius from Campaign themes.
- Confirm/Update colors from Design System. (Rollover=Hover, On Press=Active/Focus). Important: Primary button bg color is changing to #F36B35
Implement the text-transform in preview mode if possible (alternatively as a Feature toggle) / Pending asking Design Team if we want to enforce a text-transform or not.(No longer need that since we are enforcing a new rule)- Remove custom styles from Carousel Header buttons
- Update default button texts when needed
- Remove btn-medium class as it just duplicates the "regular" button styles
- relates to
-
PLANET-5332 CTA & Secondary Buttons apply radius of 4
- CLOSED