Example of SASS and Compass mixins

RTL-aware wonky link

//this link creates a left-or-right aligned header link, like you might use on a blog post timestamp. 
=wonky_link(!float = "left", !color="#333")
  a.wrap
    :text-decoration none
    :line-height 15px
    +columns(3,15)
    :position absolute
    :top 10px
    :left 20px
    :color #333
    :font-weight bold
    :font-family palatino, georgia, serif
    :text-transform uppercase
    @if !float == "right"
      :left auto
      :right 0px
    &:hover
      +zing!!
    span.number
      :padding 5px
      :display block
      :text-align= !float
      +rounded("5px")
      :font-size= !big
    span.text
      :color= !color
      :font-size= !small