//
// Gradient background
// --------------------------------------------------

@mixin bg-variant-custom($color, $fallback: null) {
  & {
    @if (str_index($color, linear-gradient) == null){
      background: $color;
      fill: $color;
    }
    @else{
      fill: $fallback;
      background: $fallback;
      background: -moz-#{$color};
      background: -webkit-#{$color};
      background: -o-#{$color};
      background: -ms-#{$color};
      background: #{$color};
    }
    @content;
  }
}

@mixin bg-rainbow {
  background: rgb(84,160,210);
  background: -moz-linear-gradient(left,  rgba(84,160,210,1) 0%, rgba(81,84,177,1) 12%, rgba(81,30,125,1) 21%, rgba(103,25,85,1) 37%, rgba(204,33,25,1) 53%, rgba(245,119,19,1) 65%, rgba(248,223,104,1) 83%, rgba(92,241,245,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(84,160,210,1) 0%,rgba(81,84,177,1) 12%,rgba(81,30,125,1) 21%,rgba(103,25,85,1) 37%,rgba(204,33,25,1) 53%,rgba(245,119,19,1) 65%,rgba(248,223,104,1) 83%,rgba(92,241,245,1) 100%);
  background: linear-gradient(to right,  rgba(84,160,210,1) 0%,rgba(81,84,177,1) 12%,rgba(81,30,125,1) 21%,rgba(103,25,85,1) 37%,rgba(204,33,25,1) 53%,rgba(245,119,19,1) 65%,rgba(248,223,104,1) 83%,rgba(92,241,245,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a0d2', endColorstr='#5cf1f5',GradientType=1 );
}