wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Make buttons generatable, add text hovers

Browse source
This commit is contained in:
Adam Wathan 2017-08-18 14:44:08 -04:00
parent b93b352faf
commit 1b048a1f10
5 changed files with 39 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/generators.less
View file

@ -16,6 +16,7 @@
@import "generators/spacing-margin";
@import "generators/spacing-pull";
@import "generators/text-colors";
@import "generators/text-colors-hover";
@import "generators/text-leading";
@import "generators/text-sizes";
@import "generators/text-tracking";

17
src/generators/text-colors-hover.less Normal file
View file

@ -0,0 +1,17 @@
.define-text-hover-colors(@variants) {
.generate-utility-variants('hover-text'; @variants; {
&:hover { color: extract(@__variant-value, 2); }
});
}
.define-text-hover-colors(@variants; none) {
.define-text-hover-colors(@variants);
}
.define-text-hover-colors(@variants; @screens) when not (@screens = none) {
.define-text-hover-colors(@variants);
.generate-responsive-utility-variants('hover-text'; @variants; @screens; {
&:hover { color: extract(@__variant-value, 2); }
});
}

1
src/utilities/text.less
View file

@ -131,6 +131,7 @@
.define-text-sizes(@text-size-scale; @screens);
.define-text-weights(@text-weight-scale; @screens);
.define-text-colors(@text-colors; @screens);
.define-text-hover-colors(@text-colors; @screens);
.define-leading-utilities(@leading-scale; @screens);
.define-tracking-utilities(@tracking-scale; @screens);