Forum Discussion
Deleted user
4 years agoEnlarge font size on tabs in tab interaction...
I see this request and am wondering if it's already functional? In the tab interaction, the font size on the tab is smaller than the text on the tab. In the content of the tab, I can highlight text ...
PhilFoss
9 months agoCommunity Member
I created a custom 'skin' for my tabs plus I debug the design system used for the tabbed content in Rise.
https://www.youtube.com/watch?v=px838ZAV3nk
The video went way longer than I expected at over 30min and I provide some insight into typography of the tabbed content widget, including a possible bug in the design system, and of course I provide solutions. TLDR, here's the css I ended up with to fix the tab header item and content paragraphs typography:
#app .blocks-tabs__header-item {
text-transform: unset;
font-size: 1.5rem;
letter-spacing:unset;
}
#app .blocks-tabs__content p {
font-weight:normal;
line-height:2;
font-size:1.7rem;
margin-bottom:2rem;
}
Related Content
- 11 months ago