Responsive and #fluid_typography, the easy way
▻https://codepen.io/renevanderlende/details/YzEaKvO
:root { font-size: calc(0.658vmin + 0.75rem) }#Fluid_typography with discrete #steps
▻https://css-tip.com/fluid-typography
Use the round() function and create a fluid typography with a discrete function instead of a continuous one.
Define the step and get precise values within a specific range. Very useful if you have some calculation based on the font-size like using the em unit. No more rounding issue!
/* Instead of */
p {
font-size: clamp(1rem,1rem + 3vw,2.5rem);
}
/* use */
p {
font-size: clamp(1rem,round(down,1rem + 3vw,2px),2.5rem);
}
#css
]]>Type Fluidity
▻https://wearerequired.github.io/fluidity
Generator for #CSS #clamp values for #fluid_typography sizes.
]]>Responsive and #fluid_typography, the easy way
▻https://codepen.io/renevanderlende/details/YzEaKvO
:root { font-size: calc(0.658vmin + 0.75rem) }