cruk-pattern-library-api
Version:
CRUK Pattern Library API
44 lines (42 loc) • 1.73 kB
HTML
<div class="cr-layout__row cr-layout__row--50-50">
<div class="cr-layout__cell">
<div class="cr-pattern">
<h4 class="ndpl-component__description">Mobile & Tablet (xs, sm)</h4>
<hr />
<div class="cr-layout__row cr-layout__row--50-50">
<div class="cr-layout__cell">
<div class="cr-pattern">
<p class="ndpl-component__description">Size</p>
<p style="font-size: 1rem;">1rem / 16px</p>
</div>
</div>
<div class="cr-layout__cell">
<div class="cr-pattern">
<p class="ndpl-component__description">Line height</p>
<p style="font-size: 1rem;">1.5</p>
</div>
</div>
</div>
</div>
</div>
<div class="cr-layout__cell">
<div class="cr-pattern">
<h4 class="ndpl-component__description">Desktop & Larger (md, lg)</h4>
<hr />
<div class="cr-layout__row cr-layout__row--50-50">
<div class="cr-layout__cell">
<div class="cr-pattern">
<p class="ndpl-component__description">Size</p>
<p class="paragraph-base">1.125rem / 18px</p>
</div>
</div>
<div class="cr-layout__cell">
<div class="cr-pattern">
<p class="ndpl-component__description">Line height</p>
<p class="paragraph-base">1.5</p>
</div>
</div>
</div>
</div>
</div>
</div>