archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Add border hovers

Browse Source
This commit is contained in:
Adam Wathan 2017-08-19 10:01:56 -04:00
parent 7c1128cdf0
commit fdcdc97d18
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/generators.less
View File

@ -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";

18
src/generators/border-colors-hover.less Normal file
View File

@ -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);
});
}

1
src/utilities/borders.less
View File

@ -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