From 817e89f73b0747daf55cc6ff48f2c1f270496edc Mon Sep 17 00:00:00 2001 From: George Cushen Date: Mon, 21 Dec 2020 01:00:35 +0000 Subject: [PATCH] feat(css): allow gradient section BGs in color theme packs --- wowchemy/assets/scss/wowchemy/_widgets.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/wowchemy/assets/scss/wowchemy/_widgets.scss b/wowchemy/assets/scss/wowchemy/_widgets.scss index b2519019..f8ba7bdc 100644 --- a/wowchemy/assets/scss/wowchemy/_widgets.scss +++ b/wowchemy/assets/scss/wowchemy/_widgets.scss @@ -3,7 +3,8 @@ **************************************************/ .home-section { - background-color: $sta-home-section-odd; + // Use `background` rather than `background-color` so it can support gradients in theme packs. + background: $sta-home-section-odd; position: relative; // Required for component positioning within section. padding: 110px 0 110px 0; z-index: 0; // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background. @@ -92,15 +93,15 @@ } .home-section:nth-of-type(even) { - background-color: $sta-home-section-even; + background: $sta-home-section-even; } .dark .home-section { - background-color: $sta-dark-home-section-odd; + background: $sta-dark-home-section-odd; } .dark .home-section:nth-of-type(even) { - background-color: $sta-dark-home-section-even; + background: $sta-dark-home-section-even; } @media screen and (max-width: 768px) {