UNPKG

1.05 kBCSSView Raw
1/*
2
3 LETTER SPACING
4 Docs: http://tachyons.io/docs/typography/tracking/
5
6 Media Query Extensions:
7 -ns = not-small
8 -m = medium
9 -l = large
10
11*/
12
13.tracked { letter-spacing: var(--letter-spacing-1); }
14.tracked-tight { letter-spacing: var(--letter-spacing-tight); }
15.tracked-mega { letter-spacing: var(--letter-spacing-2); }
16
17@media (--breakpoint-not-small) {
18 .tracked-ns { letter-spacing: var(--letter-spacing-1); }
19 .tracked-tight-ns { letter-spacing: var(--letter-spacing-tight); }
20 .tracked-mega-ns { letter-spacing: var(--letter-spacing-2); }
21}
22
23@media (--breakpoint-medium) {
24 .tracked-m { letter-spacing: var(--letter-spacing-1); }
25 .tracked-tight-m { letter-spacing: var(--letter-spacing-tight); }
26 .tracked-mega-m { letter-spacing: var(--letter-spacing-2); }
27}
28
29@media (--breakpoint-large) {
30 .tracked-l { letter-spacing: var(--letter-spacing-1); }
31 .tracked-tight-l { letter-spacing: var(--letter-spacing-tight); }
32 .tracked-mega-l { letter-spacing: var(--letter-spacing-2); }
33}