by Benito Serna

Styler gem and Tachyons components

A list of examples from the list of Tachyons components, showing you how you can use the styler gem to define the styles composing the tachyons css classes.

< Back to index

Double ring

avatar 
<%
  styles = Styler.new do
    style :container, %w(pa4 tc)
    style :img, %w(br-100 h3 w3 dib pa1 ba b--black-20)
  end
%>

<div class="<%= styles.container %>">
  <img src="http://tachyons.io/img/logo.jpg" class="<%= styles.img %>" alt="avatar">
</div>