add options capability to range input, add typography to site, fix sw… #1094
Conversation
chillenberger
commented
Oct 19, 2023
chillenberger
commented
- Typography for site
- Add options to range input
- Center text in switch input
…itch centering content
| // .h6 {font-weight: 700; font-size: 24px; line-height: 30px;} | ||
| .h1-big { | ||
| font-weight: $font-weight-bold; font-size: 80px; line-height: 84px; | ||
| @include media-breakpoint-down(md) { |
There was a problem hiding this comment.
Is this right? I remember last time we did this, the fonts were too small on mobile, not too big.
There was a problem hiding this comment.
I believe you're also looking for "display" classes which are the headers but "big": https://getbootstrap.com/docs/5.3/content/typography/#display-headings
There was a problem hiding this comment.
On another note, I don't think we should be using pixels anymore, but rems.
There was a problem hiding this comment.
No before they were too big on mobile. I'll send you the slack conversation.
There was a problem hiding this comment.
Honestly this can be redone the bootstap way (setitng the scss variables). Unfortunately some of the measurements in rem are pretty ugly fractions
There was a problem hiding this comment.
We should adjust our typography accordingly I think. Pixels are not responsive if I remember correctly, that's why the industry switched to ems and then to rems. I could be wrong about the reasoning, but I'm pretty certain everyone uses rems these days.
