Skip to main content

Text Block

A component to that allows for text content.

Links:

Demo Page

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus dicta optio nesciunt iusto temporibus nulla accusantium libero, aut vel. Voluptates architecto ducimus tempora dolorum? Consequuntur quae error iusto officia ut! Aliquam, molestias vero porro necessitatibus rerum earum esse voluptas dolor odio totam pariatur, assumenda dicta quo! Sit, facere culpa! Quod eos molestiae recusandae officiis dolorum libero eligendi odio, vero reprehenderit.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex suscipit ullam voluptates cupiditate tempora eum debitis praesentium molestias, inventore autem, distinctio, illum a ad! Voluptatum porro eius nobis vitae placeat?

<div class="c-text-block o-grid u-f-justify-center ">
  <div class="o-grid__item o-grid__item-12 o-grid__item-10@sm o-grid__item-8@lg">
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus dicta optio nesciunt iusto temporibus nulla accusantium libero, aut vel. Voluptates architecto ducimus tempora dolorum? Consequuntur quae error iusto officia ut!
    Aliquam, molestias vero porro necessitatibus rerum earum esse voluptas dolor odio totam pariatur, assumenda dicta quo! Sit, facere culpa! Quod eos molestiae recusandae officiis dolorum libero eligendi odio, vero reprehenderit.</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex suscipit ullam voluptates cupiditate tempora eum debitis praesentium molestias, inventore autem, distinctio, illum a ad! Voluptatum porro eius nobis vitae placeat?</p>
  </div>
</div>

Centered text variation

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus dicta optio nesciunt iusto temporibus nulla accusantium libero, aut vel. Voluptates architecto ducimus tempora dolorum? Consequuntur quae error iusto officia ut! Aliquam, molestias vero porro necessitatibus rerum earum esse voluptas dolor odio totam pariatur, assumenda dicta quo! Sit, facere culpa! Quod eos molestiae recusandae officiis dolorum libero eligendi odio, vero reprehenderit.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex suscipit ullam voluptates cupiditate tempora eum debitis praesentium molestias, inventore autem, distinctio, illum a ad! Voluptatum porro eius nobis vitae placeat?

<div class="c-text-block o-grid u-f-justify-center u-text-center">
  <div class="o-grid__item o-grid__item-12 o-grid__item-10@sm o-grid__item-8@lg">
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus dicta optio nesciunt iusto temporibus nulla accusantium libero, aut vel. Voluptates architecto ducimus tempora dolorum? Consequuntur quae error iusto officia ut!
    Aliquam, molestias vero porro necessitatibus rerum earum esse voluptas dolor odio totam pariatur, assumenda dicta quo! Sit, facere culpa! Quod eos molestiae recusandae officiis dolorum libero eligendi odio, vero reprehenderit.</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex suscipit ullam voluptates cupiditate tempora eum debitis praesentium molestias, inventore autem, distinctio, illum a ad! Voluptatum porro eius nobis vitae placeat?</p>
  </div>
</div>