// Background Mixins //
@mixin bg($color) {
  background: $color;
}

@mixin bg-gradient($color1, $color2) {
  background: $color1;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, $color1, $color2);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, $color1, $color2);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, $color1, $color2);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, $color1, $color2);
  /* Standard syntax */
}

@mixin bg-inverse-variant($color) {
  background: rgba($color, 0.2);
}