blob: 717442b58329a95616eb47f27c2859c36165a7e0 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
@include namespace('section-heading') {
@include store((
--dims: (
--pad-y: $line-height * 1rem
),
--colors: (
--line: prop(--colors --accent --color, $global: true),
)
));
@include component(namespace()) {
margin: 0 0 prop(--dims --pad-y);
font-family: $font-fam--text;
font-size: 1 / 16 * 13em;
font-weight: bold;
letter-spacing: .2em;
text-transform: uppercase;
&::before {
content: '';
display: inline-block;
width: 3em;
height: 2px;
margin-right: 1.3em;
background-color: prop(--colors --line);
vertical-align: middle;
}
}
}
|