<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, obcaecati veritatis ipsam officia necessitatibus fuga, tempora vel unde libero soluta excepturi? Cumque dolorem, atque soluta. Obcaecati vel vero ipsam corporis.</p>
<p{% if styleModifier %} class="{{ styleModifier }}"{% endif %}>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, obcaecati veritatis ipsam officia necessitatibus fuga, tempora vel unde libero soluta excepturi? Cumque dolorem, atque soluta. Obcaecati vel vero ipsam corporis.</p>
/* No context defined. */
@charset 'UTF-8';
// we don't apply this rule only to the <p> tag, to avoid issues
// with non-<p> tags
// https://github.com/DSI-VD/foehn/issues/235
.vd-content {
p:not(.lead),
ul:not([class]),
ul.vd-list-links {
max-width: $vd-content-max-width;
}
}
/**
* Make headings look like normal text
*/
.p {
font-size: $font-size-base;
font-family: $font-family-base;
line-height: $line-height-base;
font-weight: $font-weight-normal;
margin-top: 0;
margin-bottom: $spacer;
}
@charset 'UTF-8';
.vd-p {
font-size: $font-size-base;
font-weight: $font-weight-normal;
font-family: $font-family-base;
}
Wrap the text in .vd-content to set a max-width to the paragraphs for readability purposes.