mixins.sass

@mixin arrow($color: white, $padding: 0 0 0 pem(15))
  background: transparent url('/images/bundle/icons/arrows/#{$color}.gif') no-repeat left center
  padding: $padding

@mixin underscore($border-color: #FFF, $border-bottom-width: 1px, $padding: 0 0 pem(1))
  display: inline-block

  .label
    border-bottom: #{$border-bottom-width} solid transparent
    padding: $padding

    @include transition(border-color 0.5s ease-out)

  &:hover,
  &:focus,
  &.active
    .label
      border-color: $border-color

      @include transition(border-color 0.5s ease-in)