UNPKG

675 BCSSView Raw
1@import "../global/variables.css";
2
3.heading {
4 composes: font from "../global/global.css";
5
6 margin-top: var(--ring-line-height);
7
8 &:first-child {
9 margin-top: 0;
10 }
11
12 @nest h1&, h2& {
13 margin-bottom: 8px;
14
15 color: var(--ring-heading-color);
16
17 font-size: 24px;
18 line-height: 28px;
19 }
20
21 @nest h2& {
22 font-weight: 200;
23 }
24
25 @nest h3& {
26 margin-bottom: 0;
27
28 font-size: inherit;
29 line-height: inherit;
30 }
31
32 @nest h4& {
33 margin-bottom: 1px;
34
35 letter-spacing: 1px;
36 text-transform: uppercase;
37
38 font-size: 12px;
39 font-weight: normal;
40 line-height: 16px;
41 }
42}
43
44.caps {
45 letter-spacing: 2px;
46 text-transform: uppercase;
47}