UNPKG

956 BCSSView Raw
1/*
2
3 LINE HEIGHT / LEADING
4 Docs: http://tachyons.io/docs/typography/line-height
5
6 Media Query Extensions:
7 -ns = not-small
8 -m = medium
9 -l = large
10
11*/
12
13 .lh-solid { line-height: var(--line-height-solid); }
14 .lh-title { line-height: var(--line-height-title); }
15 .lh-copy { line-height: var(--line-height-copy); }
16
17@media (--breakpoint-not-small) {
18 .lh-solid-ns { line-height: var(--line-height-solid); }
19 .lh-title-ns { line-height: var(--line-height-title); }
20 .lh-copy-ns { line-height: var(--line-height-copy); }
21}
22
23@media (--breakpoint-medium) {
24 .lh-solid-m { line-height: var(--line-height-solid); }
25 .lh-title-m { line-height: var(--line-height-title); }
26 .lh-copy-m { line-height: var(--line-height-copy); }
27}
28
29@media (--breakpoint-large) {
30 .lh-solid-l { line-height: var(--line-height-solid); }
31 .lh-title-l { line-height: var(--line-height-title); }
32 .lh-copy-l { line-height: var(--line-height-copy); }
33}
34