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