UNPKG

1.07 kBCSSView Raw
1/*
2
3 NESTED
4 Tachyons module for styling nested elements
5 that are generated by a cms.
6
7*/
8
9.nested-copy-line-height p,
10.nested-copy-line-height ul,
11.nested-copy-line-height ol {
12 line-height: var(--line-height-copy);
13}
14
15.nested-headline-line-height h1,
16.nested-headline-line-height h2,
17.nested-headline-line-height h3,
18.nested-headline-line-height h4,
19.nested-headline-line-height h5,
20.nested-headline-line-height h6 {
21 line-height: var(--line-height-title);
22}
23
24.nested-list-reset ul,
25.nested-list-reset ol {
26 padding-left: 0;
27 margin-left: 0;
28 list-style-type: none;
29}
30
31.nested-copy-indent p+p {
32 text-indent: var(--letter-spacing-1);
33 margin-top: var(--spacing-none);
34 margin-bottom: var(--spacing-none);
35}
36
37.nested-copy-seperator p+p {
38 margin-top: var(--spacing-copy-separator);
39}
40
41.nested-img img {
42 width: 100%;
43 max-width: 100%;
44 display: block;
45}
46
47.nested-links a {
48 color: var(--blue);
49 transition: color .15s ease-in;
50}
51
52.nested-links a:hover,
53.nested-links a:focus {
54 color: var(--light-blue);
55 transition: color .15s ease-in;
56}