UNPKG

@vcl/vcl

Version:

The whole VCL in one package

53 lines (31 loc) • 1.09 kB
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
# [VCL](https://vcl.github.io/vcl/) list List without interaction. ## Features - Layout of nested lists. - Group header. - Separator. - Custom bullet icon for items. - Vertical and horizontal alignment. ## Usage Unordered. [unordered example](/demo/example-unordered.html) Ordered list. [ordered example](/demo/example-ordered.html) A list of definitions such as for terms in a glossary. [definition-list example](/demo/example-definition.html) A list made with custom icons instead of standard bullets. The icogram component is used to create the icon/ label pairs. [icons example](/demo/example-icons.html) The `list-horizontal` modifier makes the list items align horizontally. [horizontal example](/demo/example-horizontal.html) Generally, list items can also be anchor tags to form a list of links. ## Classes - `list` - `list-item` - `list-separator` - `list-group-header` ## Modifiers - `list-horizontal`: to align the list items horizontally. - `list-custom-bullets`: if custom icons for bullets shall be used. ## Variables - `$list-separator-border-color`