Example
Fluid-type
Sets a fluid font size
This element have a fluid font size. When the viewport gets smaller, so will this font size.
HTML:
<span class="mixin-example-fluid-type">This element have a fluid font size. When the viewport gets smaller, so will this font size.</span>
SCSS:
.mixins-example-fluid-type {
@include fluid-type(8px, 24px, 2vw);
}
Classes
Mixin | Parameters | Values |
fluid-type | Min size, Max size, Coefficient | (number)(unit), (number)(unit), (number)(unit) |