1 | @import "mixins/components.lists";
|
2 |
|
3 | .c-list {
|
4 | display: block;
|
5 | margin: $list-margin;
|
6 | padding: $list-padding;
|
7 | list-style-position: outside;
|
8 | }
|
9 |
|
10 | .c-list .c-list {
|
11 | padding: $list-nested-padding;
|
12 | }
|
13 |
|
14 | .c-list__item {
|
15 | padding: $list-item-padding;
|
16 | }
|
17 |
|
18 | .c-list__item--unstyled {
|
19 | list-style: $list-item-unstyled-list-style;
|
20 | }
|
21 |
|
22 | .c-list--unstyled {
|
23 | @include list--unstyled;
|
24 | }
|
25 |
|
26 | .c-list--ordered {
|
27 | @include list--unstyled;
|
28 | counter-reset: ordered;
|
29 |
|
30 | .c-list__item {
|
31 | &:before {
|
32 | padding: $list-ordered-item-padding;
|
33 | content: counters(ordered, ".") " ";
|
34 | counter-increment: ordered;
|
35 | }
|
36 | }
|
37 | }
|
38 |
|
39 | .c-list--inline {
|
40 | @include list--inline;
|
41 |
|
42 | .c-list--inline {
|
43 | @include list--inline;
|
44 | }
|
45 |
|
46 | .c-list__item {
|
47 | display: inline-block;
|
48 | width: auto;
|
49 | padding-right: $list-inline-item-padding-right;
|
50 | }
|
51 |
|
52 | &:not(.c-list--unstyled) {
|
53 | .c-list__item {
|
54 | &:before {
|
55 | padding: $list-inline-item-bullet-padding;
|
56 | content: $list-inline-item-bullet-content;
|
57 | }
|
58 | }
|
59 | }
|
60 | }
|