diff --git a/src/generators.less b/src/generators.less index 040769466..ea5723d77 100644 --- a/src/generators.less +++ b/src/generators.less @@ -6,6 +6,7 @@ @import "generators/backgrounds"; @import "generators/backgrounds-hover"; @import "generators/border-colors"; +@import "generators/border-colors-hover"; @import "generators/border-radius"; @import "generators/border-widths"; @import "generators/constrain"; diff --git a/src/generators/border-colors-hover.less b/src/generators/border-colors-hover.less new file mode 100644 index 000000000..e5e1fddbc --- /dev/null +++ b/src/generators/border-colors-hover.less @@ -0,0 +1,18 @@ +.define-border-hover-colors(@variants) { + .generate-utility-variants('\@border'; @variants; { + border-color: extract(@__variant-value, 2); + }); +} + +.define-border-hover-colors(@variants; none) { + .define-border-hover-colors(@variants); +} + +.define-border-hover-colors(@variants; @screens) when not (@screens = none) { + .define-border-hover-colors(@variants); + .generate-responsive-utility-variants('\@border'; @variants; @screens; { + border-color: extract(@__variant-value, 2); + }); +} + + diff --git a/src/utilities/borders.less b/src/utilities/borders.less index 738b2835e..d8e961d10 100644 --- a/src/utilities/borders.less +++ b/src/utilities/borders.less @@ -98,6 +98,7 @@ .define-border-widths(@border-width-scale; @default-border-color; @screens); .define-border-colors(@border-colors; @screens); +.define-border-hover-colors(@border-colors; @screens); .define-rounded-borders(@border-radiuses; @screens); // Styles