@mixin pretty-buttons($color, $background, $text-shadow: none) {

  color: $color;
  @include gradient-vertical(lighten($background, 5%), darken($background, 5%), 0%, 100%);
  border-color: darken($background, 10%);
  border-bottom-color: darken($background, 20%);
  text-shadow: $text-shadow;
  border-radius: 3px;
  @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, .1));

  &:hover,
  &:focus,
  &:active,
  &.active {
      @include gradient-vertical(darken($background, 0), darken($background, 10%), 0%, 100%);
      border-color: darken($background, 20%);
      color: $color;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
      &,
      &:hover,
      &:focus,
      &:active,
      &.active {
          background-color: $background;
          border-color: darken($background, 5%);
      }
  }
}

@mixin ng-form-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
  border-color: $border-color;
  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
  &:focus {
    border-color: darken($border-color, 10%);
    $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
    @include box-shadow($shadow);
  }

  & ~ .help-block {
    color: $text-color;
    font-size: 0.8em;
  }

}

@mixin float($dir) {
  float: $dir !important;
}

@mixin link-style($style) {
  text-decoration: $style;
  &:hover, &:focus {
    text-decoration: $style;
  }
}

@mixin margin-reset() {
  margin:0;
}

@mixin make-square($px) {
  width: $px;
  height: $px;
}

@mixin margin($pos, $size) {
  margin-#{$pos}: $size;
}


@mixin fixed-height($start-size, $bkpt, $bkpt-size ) {
  height: $start-size;
  @media (min-width: $bkpt) {
    height: $bkpt-size;
  }
}

@mixin link-variant($color) {
  color: $color;

  &:hover,
  &:focus,
  &:active,
  &.active {
    color: darken($color, 10%);
  }
}