Kleuren

Compleet overzicht van alle kleuren.

$color-black
$color-gray
$color-gray-light
$color-gray-shade
$color-white
$color-blue
$color-blue-shade
$color-purple
$color-orange
$color-yellow
$color-green

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
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

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

Buttons

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

.btn .btn--cta

Button Button cta

Arrow icons

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

.arrow-icon .arrow-icon--purple .arrow-icon--down .arrow-icon--left .arrow-icon--up

Box

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

.box .box__title .box__content .box__btn .box--blue .box--purple .box--orange .box--landscape .box--reversed