1/**
2 * DokuWiki Plugin ExtList; _bullets.less
3 * @author     Satoshi Sahara <sahara.satoshi@gmail.com>
4 */
5
6/* --------------------------------------------------------
7 *  Unordered list
8 * --------------------------------------------------------
9 */
10ul.extlist.check,
11ul.extlist.circle,
12ul.extlist.disc,
13ul.extlist.square,
14ul.extlist.dash,
15ul.extlist.heart {
16  list-style-type: none;
17  li {
18    position: relative;
19  }
20}
21/* prevent list marks when <WRAP tabs> */
22.tabs ul.extlist li::before {
23  display: none;
24}
25
26/* Check Marker */
27dl.check > dd::before,
28ul.check > li::before {
29  display: block;
30  content: '';
31  position: absolute;
32  top: .5em;
33  left: -1em;
34  width: 8px;
35  height: 3px;
36  border-left: 3px solid #aaa;
37  border-bottom: 3px solid #aaa;
38  -webkit-transform: rotate(-45deg);
39  transform: rotate(-45deg);
40}
41
42/* Circle Marker */
43dl.circle > dd::before,
44ul.circle > li::before {
45  display: block;
46  content: '';
47  position: absolute;
48  top: .5em;
49  left: -1em;
50  width: 5px;
51  height: 5px;
52  border: 1px solid #666;
53  border-radius: 100%;
54}
55
56/* Disc Marker */
57dl.disc > dd::before,
58ul.disc > li::before {
59  display: block;
60  content: '';
61  position: absolute;
62  top: .5em;
63  left: -1em;
64  width: 5px;
65  height: 5px;
66  background-color: #666;
67  border-radius: 5px;
68}
69
70/* Square Marker */
71dl.square > dd::before,
72ul.square > li::before {
73  display: block;
74  content: '';
75  position: absolute;
76  top: .5em;
77  left: -1em;
78  width: 5px;
79  height: 5px;
80  background-color: #666;
81}
82
83/* Dash Marker */
84dl.dash > dd::before,
85ul.dash > li::before {
86  display: block;
87  content: '—'; // U+2014 em dash
88  position: absolute;
89  left: -1.2em;
90  color: #3d3d5c;
91}
92
93/* Unordered list - Heart */
94ul.extlist.heart > li {
95  display: table;
96  margin-left: -0.1em;
97}
98ul.heart > li::before {
99  display: table-cell;
100  font-size: 150%;
101  content: '❤';  // U+2764 Heavy Black Heart
102  color: #FFB6C1; // lightpink
103  padding-right: .2em;
104}
105
106