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

Merge pull request #64 from adamwathan/tracking

Browse Source 
Add basic tracking utilities
This commit is contained in:
Adam Wathan 2017-08-08 15:09:10 -04:00 committed by GitHub
commit c6e93a05f6
3 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/generators.less
View File

@ -16,4 +16,5 @@
@import "generators/text-colors";
@import "generators/text-leading";
@import "generators/text-sizes";
@import "generators/text-tracking";
@import "generators/text-weights";

16
src/generators/text-tracking.less Normal file
View File

@ -0,0 +1,16 @@
.define-tracking-utilities(@variants) {
.generate-utility-variants('tracking'; @variants; {
line-height: extract(@__variant-value, 2);
});
}
.define-tracking-utilities(@variants; none) {
.define-tracking-utilities(@variants);
}
.define-tracking-utilities(@variants; @screens) when not (@screens = none) {
.define-tracking-utilities(@variants);
.generate-responsive-utility-variants('tracking'; @variants; @screens; {
line-height: extract(@__variant-value, 2);
});
}

8
src/utilities/text.less
View File

@ -71,10 +71,18 @@
'loose' 2,
;
// Letter spacing
@tracking-scale:
'tight' -0.05em,
'normal' 0,
'wide' 0.1em,
;
.define-text-sizes(@text-size-scale; @screens);
.define-text-weights(@text-weight-scale; @screens);
.define-text-colors(@text-colors; @screens);
.define-leading-utilities(@leading-scale; @screens);
.define-tracking-utilities(@tracking-scale; @screens);
// Horizontal alignment
.text-center { text-align: center; }