@use "../variables" as *;

@each $color, $value in $theme-gradients {
  .bg-#{$color}-gradient {
    background-color: var(--#{$prefix}#{$color});
    background-image: linear-gradient(45deg, var(--#{$prefix}#{$color}-start) 0%, var(--#{$prefix}#{$color}-stop) 100%);
  }
}