kuanhsuh
4/29/2017 - 12:06 AM

Mixins-Add Borders( size, color, position) && add-background-color ( color)

Mixins-Add Borders( size, color, position) && add-background-color ( color)

@mixin add-border($size, $color, $position){
  @if $position == 'all'{
    border: $size solid $color;
  } @else if $position == 'top' {
    border-top: $size solid $color;
  } @else if $position == 'bottom' {
    border-bottom: $size solid $color;
  } @else if $position == 'right' {
    border-right: $size solid $color;
  } @else if $position == 'left' {
    border-left: $size solid $color;
  } @else if $position == 'top-bottom' {
    border-top: $size solid $color;
    border-bottom: $size solid $color;
  } @else if $position == 'right-left' {
    border-left: $size solid $color;
    border-right: $size solid $color;
  }
}

@mixin add-background($color){
  background: $color;
  @if $color == $light-color {
    color: #666;
  } @else {
    color: #fff;
  }
}