Hello Shippers

.inner.border
.panel .inner
.shadow-container .rounded.shadow .inner.border.rounded
.shadow-container .panel.shadow .inner.border
.inner.border.rounded

Color related OO-Styles

.light-text.background-dark.inner

.primary-text.background-dark.inner

.accent-text.background-dark.inner

.accent-2-text.background-dark.inner

.info-text.inner

.info-2-text.inner

.warn-text.inner

.error-text.inner

.background-primary.inner
.background-accent.inner
.background-accent-2.inner
.background-info.light-text.inner
.background-info-2.light-text.inner
.background-warn.inner
.background-error.inner

.background-primary.circular style="width: 75px; height: 75px"

Circular is good for images. For text, the background is cut to a circle, but the text just ends up everywhere. Be careful.

.shadow-container .background-accent.circular.shadow style="width: 50px; height: 50px"


Form Elements

Oh, holy error, batgirl!
Oh, holy error, batgirl!

h1: Hello World

h2: Hello World

h3: Hello World

h4: Hello World

h5: Hello World
h6: Hello World

p: Hello World

div: Hello World

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non viverra nisl. Aenean rhoncus quam quis metus blandit, a egestas eros condimentum. Nulla at erat nibh. Fusce ut risus vitae lorem placerat mollis. Suspendisse cursus bibendum velit lacinia varius. Donec eu iaculis velit, eu tincidunt sapien. Aenean quam massa, fermentum quis vulputate quis, viverra in quam. Pellentesque pharetra porta quam. Integer lectus libero, vulputate eu nunc nec, tincidunt fringilla lacus. Pellentesque rutrum libero sit amet accumsan sollicitudin. Donec turpis dolor, tempus sed sodales vitae, dictum vitae nisl. Sed hendrerit purus quam, quis rhoncus nulla accumsan congue. Aenean ac risus iaculis, commodo odio sed, pulvinar tellus.

In hac habitasse platea dictumst. Vestibulum nec dictum libero. Aenean ultricies placerat hendrerit. Sed turpis quam, ultricies in sodales vel, tristique vel nisi. Ut in nisl ac metus tincidunt gravida. Quisque et diam ligula. Maecenas gravida ante sapien, id fermentum odio bibendum at.

Sed auctor eleifend tortor, non posuere neque scelerisque at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed tincidunt a erat id auctor. Vestibulum luctus libero et odio elementum tristique. In in nisl a nibh porta lacinia. Vestibulum nulla mauris, imperdiet eget velit eget, commodo mattis magna. Quisque bibendum, magna quis lacinia ullamcorper, diam metus pharetra nibh, id gravida purus odio consequat ipsum. Quisque sollicitudin viverra lectus in pellentesque. Morbi tempor maximus porttitor. Curabitur diam enim, luctus vitae ornare a, gravida eget erat.