Atoms

Button

Usage : {{> button }}
Options :
  • button - Boolean (will display as a <a> if false and a <button> if true)
  • btn-classes - String (classes separated by spaces)
  • btn-label - String
<button class="btn ">Button</button>

Label

Usage : {{> label }}
Options :
  • label-text - String
  • label-class - String (label-fade-out)
  • label-link - String (Null create a label with a span)
Label 
<span class="label label-primary ">Label</span>

Line

Usage : {{> line }}
Options :
  • line-size - String ['hr-xs','hr-sm','hr-md','hr-lg']
<hr class="hr-xs">

Picture

Usage : {{> picture }}
Options :
  • picture-src - String
  • credit - String
  • not-responsive - Boolean
Article image 
<figure class="effect-selena">
	<img src="../build/img/stan.jpg" alt="Article image" class="picture img-responsive">

</figure>