az-digital / arizona-bootstrap

UArizona's front-end toolkit based on Bootstrap 4 and 5.
https://digital.arizona.edu/arizona-bootstrap
MIT License
5 stars 8 forks source link

Remove `text-transform: uppercase` from buttons #1245

Closed caosborne89 closed 2 months ago

caosborne89 commented 3 months ago

Motivation

All the button text styles are uppercase. It would be useful to add alternatives for each button style that removed the uppercase text-transformation.

Proposed Resolution

Add alternatives for each button style that does not include the uppercase text-transformation.

Updated approach: Update the default appearance of buttons to not include text-transform: uppercase, and include the change as part of the next minor release of AZ Bootstrap. We should also backport to 2.x.

camikazegreen commented 3 months ago

Screenshot 2024-06-18 at 8 25 35 AM

joshuasosa commented 3 months ago

Sentence case is what Bootstrap uses by default: https://getbootstrap.com/docs/4.6/components/buttons/ https://getbootstrap.com/docs/5.2/components/buttons/

Even if options are added, and a new class created, perhaps there should be consideration about changing the default off of all caps.

More reading:

akslay commented 3 months ago

Bringing over some relevant notes from the conversations on this thread: https://uarizona.slack.com/archives/C0SAW6H4J/p1719869500798899

I will update the ticket description based on this information.

mmunro-ltrr commented 3 months ago

Backporting to the 2.x branch sounds like a good idea, too.