@mixin linear-gradient($initial-color, $final-color, $percentage: null)
@if ($percentage) background: linear-gradient(to bottom, $initial-color $percentage, $final-color 100%) @else background: linear-gradient(to bottom, $initial-color, $final-color)
@mixin title
&[title] &:after position: absolute top: 130% left: 65% z-index: 1 white-space: nowrap display: none text-transform: initial &:hover &[title] &:after display: block !important
@mixin inline
display: inline-block &.baseline-middle vertical-align: -moz-middle-with-baseline vertical-align: -webkit-baseline-middle
@mixin base64-icon($hash)
background: url("data:image/svg+xml;utf8;base64," + $hash) no-repeat
@mixin shadow($y: 0px, $x: 0px, $suavity: 7px, $size: -1px, $color: black, $style: inital)
@if $style == inset box-shadow: $x $y $suavity $size $color $style @else box-shadow: $x $y $suavity $size $color
@mixin text-shadow($color)
text-shadow: 0px 1px 1px $color
@mixin link-button
+inline text-align: center text-decoration: none
@mixin button
padding: 7px 15px
@mixin stretch-to-footer
position: absolute bottom: 0
@mixin sprite-icon-position($x, $y)
background: position: $x $y
@mixin sprite-icon($image, $width, $height)
display: inline vertical-align: middle width: $width height: $height background: image: asset-url($image, image) repeat: no-repeat
@mixin text-overflow
white-space: nowrap overflow-x: hidden