tachyons text align
Examples
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tl-ns { text-align: left; }
.tr-ns { text-align: right; }
.tc-ns { text-align: center; }
.tl-m { text-align: left; }
.tr-m { text-align: right; }
.tc-m { text-align: center; }
.tl-l { text-align: left; }
.tr-l { text-align: right; }
.tc-l { text-align: center; }
/*
Text Align
*/
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
@include break(not-small) {
.tl-ns { text-align: left; }
.tr-ns { text-align: right; }
.tc-ns { text-align: center; }
}
@include break(medium) {
.tl-m { text-align: left; }
.tr-m { text-align: right; }
.tc-m { text-align: center; }
}
@include break(large) {
.tl-l { text-align: left; }
.tr-l { text-align: right; }
.tc-l { text-align: center; }
}
View package on npm