//
// @description :
// @author      : Adarsh Pastakia
// @copyright   : 2017
// @license     : MIT
@mixin color-helper($class, $property) {
  .ui-#{$class}-primary {
    #{$property}: $primary;
  }

  .ui-#{$class}-secondary {
    #{$property}: $secondary;
  }

  .ui-#{$class}-white {
    #{$property}: $white;
  }

  .ui-#{$class}-black {
    #{$property}: $black;
  }

  .ui-#{$class}-light {
    #{$property}: $light;
  }

  .ui-#{$class}-muted {
    #{$property}: $muted;
  }

  .ui-#{$class}-dark {
    #{$property}: $dark;
  }

  .ui-#{$class}-info {
    #{$property}: $info;
  }

  .ui-#{$class}-danger {
    #{$property}: $danger;
  }

  .ui-#{$class}-success {
    #{$property}: $success;
  }

  .ui-#{$class}-warning {
    #{$property}: $warning;
  }
}

.ui-scroll {
  @include scroll();
}

.ui-hidden {
  display: none !important;
}

.ui-hide {
  visibility: hidden !important;
}

// BORDERS
.ui-border-none {
  border: none;
}

.ui-border-all {
  border: 1px solid $base-border-color;
}

.ui-border-h {
  border      : 1px solid $base-border-color;
  border-width: 1px 0;
}

.ui-border-v {
  border      : 1px solid $base-border-color;
  border-width: 0 1px;
}

.ui-border-t {
  border-top: 1px solid $base-border-color;
}

.ui-border-b {
  border-bottom: 1px solid $base-border-color;
}

.ui-border-s {
  @include border(start, 1px solid $base-border-color);
}

.ui-border-e {
  @include border(end, 1px solid $base-border-color);
}

// MARGINS
.ui-margin-none {
  margin: 0;
}

.ui-margin-all {
  margin: $base-padding;
}

.ui-margin-v {
  margin: nth($base-padding,1) 0;
}

.ui-margin-h {
  margin: 0 nth($base-padding,2);
}

// MARGINS
.ui-pad-none {
  padding: 0;
}

.ui-pad-all {
  padding: $base-padding;
}

.ui-pad-v {
  padding: nth($base-padding,1) 0;
}

.ui-pad-h {
  padding: 0 nth($base-padding,2);
}

// COLOR HELPERS
@include color-helper(bg, background-color);
@include color-helper(text, color);
@include color-helper(border, border-color);
