// Set default customise component variables here,
// Override it in theme variables files

$x-bg-primary-pattern:          none      !default;
$x-bg-primary-pattern-position: right top !default;
$x-bg-primary-pattern-size:     auto 50%  !default;

.x-bg-primary-logo-sm {
  @include media-breakpoint-up(sm) {
    background: theme-color("primary") $x-bg-primary-pattern $x-bg-primary-pattern-position / $x-bg-primary-pattern-size no-repeat;
  }
}


@each $color, $value in $theme-colors {
  @include bg-variant("%bg-#{$color}", $value);
}

@if $enable-gradients {
  @each $color, $value in $theme-colors {
    @include bg-gradient-variant("%bg-gradient-#{$color}", $value);
  }
}

%bg-white {
  background-color: $white !important;
}

%bg-transparent {
  background-color: transparent !important;
}