Preview
Maximum Characters
Sets a maximum of characters per line.
Uses value defined on $max-ch, that needs to be set using ch unit.
This is a good practice for readability of content.
Resources
Example
<div class="max-ch">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores blanditiis eius, repellendus sequi rerum animi? Tenetur iste saepe dolor! Perferendis voluptatem quasi aliquid soluta rerum impedit cum nihil dolor adipisci.</p>
<p>In iusto, provident est nesciunt facere accusantium sapiente ad odit repudiandae saepe sed a repellat reiciendis animi minus excepturi molestiae eaque dolorem quo consequuntur dolore natus cumque nostrum? Corrupti, omnis.</p>
<p>Tenetur quae iure quibusdam consequuntur accusamus provident dignissimos reprehenderit corporis id maiores veritatis doloribus dolore, sit enim laboriosam delectus, dicta ipsum eaque perferendis? Id quidem magni odit beatae quod aspernatur.</p>
</div>
Assets
- Filesystem Path: src/components/typography/maximum-characters/_maximum-characters.scss
- Size: 35 Bytes
-
Content:
.max-ch { max-width: $max-ch; }