@mixin border-box{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@mixin border-radius($pixels) {
  -webkit-border-radius: $pixels;
     -moz-border-radius: $pixels;
      -ms-border-radius: $pixels;
       -o-border-radius: $pixels;
          border-radius: $pixels;
}

@mixin box-shadow($shadows...) {
  -webkit-box-shadow: $shadows;
     -moz-box-shadow: $shadows;
          box-shadow: $shadows;
}

@mixin appearance($appearance) {
  -webkit-appearance: $appearance;
     -moz-appearance: $appearance;
          appearance: $appearance;
}

@mixin gradient($top, $bottom) {
  background-color: $bottom;
  *background-color: $bottom;
  background-image: -moz-linear-gradient(top, $top, $bottom);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($top), to($bottom));
  background-image: -webkit-linear-gradient(top, $top, $bottom);
  background-image: -o-linear-gradient(top, $top, $bottom);
  background-image: linear-gradient(to bottom, $top, $bottom);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

@mixin clearfix {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  * html & {
    height: 1px;
  }
}