]>
Commit | Line | Data |
---|---|---|
c894a1ea C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
3 | ||
7e8f1960 | 4 | .attribute { |
c894a1ea C |
5 | font-size: 13px; |
6 | display: block; | |
7 | margin-bottom: 12px; | |
8 | } | |
9 | ||
7e8f1960 | 10 | .attribute-label { |
c894a1ea C |
11 | @include padding-right(5px); |
12 | ||
13 | min-width: 142px; | |
14 | display: inline-block; | |
15 | color: pvar(--greyForegroundColor); | |
16 | font-weight: $font-bold; | |
17 | } | |
18 | ||
7e8f1960 | 19 | a.attribute-value { |
c894a1ea C |
20 | @include disable-default-a-behaviour; |
21 | color: pvar(--mainForegroundColor); | |
22 | ||
23 | &:hover { | |
24 | opacity: 0.9; | |
25 | } | |
26 | } | |
27 | ||
7e8f1960 C |
28 | .attribute-tags { |
29 | .attribute-value:not(:nth-child(2)) { | |
c894a1ea C |
30 | &::before { |
31 | content: ', '; | |
32 | } | |
33 | } | |
34 | } | |
35 | ||
36 | @media screen and (max-width: 1600px) { | |
7e8f1960 | 37 | .attributes .attribute { |
c894a1ea C |
38 | margin-bottom: 5px; |
39 | } | |
40 | } |