Make everything bigger
Answered
kolioaris posted this in #help-forum
Simple question. How can I make everything in the site a little bit bigger? Thanks in advance.
Answered by Western paper wasp
try increase the base font size (rem), not
Documentation MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
transform: scale(...), it breaks layout, clicks and positioning.Documentation MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
8 Replies
change scale of everything
could be done with
*{} in cssThank you!
Western paper wasp
try increase the base font size (rem), not
Documentation MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
transform: scale(...), it breaks layout, clicks and positioning.Documentation MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
Answer
Western paper wasp
Yes. Tailwind config:
theme: {
fontSize: {
base: '18px',
},
}
You can also scale via
shadcn:
Yes, it works without any issues, because shadcn/ui also uses
theme: {
fontSize: {
base: '18px',
},
}
You can also scale via
rem, Tailwind is based on them by defaultshadcn:
Yes, it works without any issues, because shadcn/ui also uses
rem and Tailwind tokens.