Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo segment">
  <p>Lorem ipsum dolor sit...</p>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo piled segment">
  <p>Lorem ipsum dolor sit...</p>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo stacked segment">
  <p>Lorem ipsum dolor sit...</p>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo raised segment">
  <p>Lorem ipsum dolor sit...</p>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo info segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo positive segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo negative segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo warning segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo purple segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo teal segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

<div class="wojo info inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo positive inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo negative inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo warning inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo purple inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

<div class="wojo teal inverted segment">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

Segments