UNPKG

867 BCSSView Raw
1/*
2
3 TEXT ALIGN
4 Docs: http://tachyons.io/docs/typography/text-align/
5
6 Base
7 t = text-align
8
9 Modifiers
10 l = left
11 r = right
12 c = center
13 j = justify
14
15 Media Query Extensions:
16 -ns = not-small
17 -m = medium
18 -l = large
19
20*/
21
22.tl { text-align: left; }
23.tr { text-align: right; }
24.tc { text-align: center; }
25.tj { text-align: justify; }
26
27@media (--breakpoint-not-small) {
28 .tl-ns { text-align: left; }
29 .tr-ns { text-align: right; }
30 .tc-ns { text-align: center; }
31 .tj-ns { text-align: justify; }
32}
33
34@media (--breakpoint-medium) {
35 .tl-m { text-align: left; }
36 .tr-m { text-align: right; }
37 .tc-m { text-align: center; }
38 .tj-m { text-align: justify; }
39}
40
41@media (--breakpoint-large) {
42 .tl-l { text-align: left; }
43 .tr-l { text-align: right; }
44 .tc-l { text-align: center; }
45 .tj-l { text-align: justify; }
46}