Styleguide

Texteditor

Compleet overzicht van editor styles.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dit is een tekstuele link Adipisci amet autem blanditiis dit is een strong tekst doloremque eaque harum illo labore dit is een italic text laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 1 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 2 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 3 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 4 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 5 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 6 - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur at, dolor ea et exercitationem fugiat harum ipsam maxime, minus nam natus necessitatibus nisi officia quibusdam, quidem quod sunt suscipit.
  • Labore laudantium minima nisi nulla
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur at, dolor ea et exercitationem fugiat harum ipsam maxime, minus nam natus necessitatibus nisi officia quibusdam, quidem quod sunt suscipit.
  3. Labore laudantium minima nisi nulla

Buttons

De complete button-set die je binnen dit project kan gebruiken.

.btn .btn--primary .btn--secondary .btn--diap
Button Button primary Button secondary Button diap

Box

Box met verschillende modifiers voor o.a. afbeelding naast de content en andere box-kleuren.

.box .box__pretitle .box__title .box__content .box--landscape .box--reversed .box--primary .box--black
Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button
Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button
Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button
Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button
Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button