cu.css

Prose

.prose can be used alongside the flow utility to improve the legibility of longform content. Particular useful for improving the look of typography in articles and pages.

Apply .prose to any HTML element that accepts flow content, to subtly increasing line-height, along with the default --flow-space of its children.

Consider the following extract with .prose and .flow applied:

The Chosen One

Long ago, in a galaxy far, far away, the Skywalker saga began. Anakin Skywalker, a young slave from Tatooine, was discovered by Jedi Master Qui-Gon Jinn. Sensing the Force was strong with him, Qui-Gon believed Anakin was the chosen one, destined to bring balance to the Force.

The Rise of Darth Vader

Anakin's path was fraught with temptation. Seduced by the dark side of the Force, he became Darth Vader, apprentice to the Sith Lord Darth Sidious. His actions led to the fall of the Jedi Order and the rise of the Galactic Empire.

A New Hope

Years later, a new hope emerged in the form of Luke Skywalker, Anakin's son. Trained by Jedi Master Obi-Wan Kenobi and the wise Jedi Master Yoda, Luke sought to redeem his father and restore peace to the galaxy.

<article class="prose | flow">
  <h2>The Chosen One</h2>
  
  <p>Long ago, in a galaxy far, far away, the Skywalker saga began. Anakin Skywalker, a young slave from Tatooine, was discovered by Jedi Master Qui-Gon Jinn. Sensing the Force was strong with him, Qui-Gon believed Anakin was the chosen one, destined to bring balance to the Force.</p>

  <h2>The Rise of Darth Vader</h2>
  
  <p>Anakin's path was fraught with temptation. Seduced by the dark side of the Force, he became Darth Vader, apprentice to the Sith Lord Darth Sidious. His actions led to the fall of the Jedi Order and the rise of the Galactic Empire.</p>

  <h2>A New Hope</h2>
  
  <p>Years later, a new hope emerged in the form of Luke Skywalker, Anakin's son. Trained by Jedi Master Obi-Wan Kenobi and the wise Jedi Master Yoda, Luke sought to redeem his father and restore peace to the galaxy.</p>
</article>

Now consider the same extract without .prose and .flow applied:

1. The Chosen One

Long ago, in a galaxy far, far away, the Skywalker saga began. Anakin Skywalker, a young slave from Tatooine, was discovered by Jedi Master Qui-Gon Jinn. Sensing the Force was strong with him, Qui-Gon believed Anakin was the chosen one, destined to bring balance to the Force.

2. The Rise of Darth Vader

Anakin's path was fraught with temptation. Seduced by the dark side of the Force, he became Darth Vader, apprentice to the Sith Lord Darth Sidious. His actions led to the fall of the Jedi Order and the rise of the Galactic Empire.

3. A New Hope

Years later, a new hope emerged in the form of Luke Skywalker, Anakin's son. Trained by Jedi Master Obi-Wan Kenobi and the wise Jedi Master Yoda, Luke sought to redeem his father and restore peace to the galaxy.