@mixin generate-backgrounds($color, $selector)

.bg-#{$selector}
  background-color: $color

.lpm-#{$selector}-stripe
  background-image: linear-gradient(white 0%, white 120px, $color 120px, $color 100%)

+generate-backgrounds($red-500, red-500) +generate-backgrounds($green-500, green-500) +generate-backgrounds($red-500, red-500) +generate-backgrounds($legacy-gray-blue-200, legacy-gray-blue-200) +generate-backgrounds($teal-500, teal-500) +generate-backgrounds($purple-600, purple-600) +generate-backgrounds($yellow-400, yellow-400) +generate-backgrounds($gray-800, gray-800) +generate-backgrounds($gray-200, gray-200)

.bg-green-500

.generic-teaser-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active
  background-color: white