blob: ba6b18da22f88bcc5beaf01136501b4f915607ac [file] [log] [blame]
Matteo Scandolo46b56102015-12-16 14:23:08 -08001.chart-legend, .bar-legend, .line-legend, .pie-legend, .radar-legend, .polararea-legend, .doughnut-legend {
2 list-style-type: none;
3 margin-top: 5px;
4 text-align: center;
5 /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
6 -webkit-padding-start:0; /* Webkit */
7 -moz-padding-start:0; /* Mozilla */
8 padding-left:0; /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */
9
10 li {
11 display: inline-block;
12 white-space: nowrap;
13 position: relative;
14 margin-bottom: 4px;
15 border-radius: 5px;
16 padding: 2px 8px 2px 28px;
17 font-size: smaller;
18 cursor: default;
19
20 span {
21 display: block;
22 position: absolute;
23 left: 0;
24 top: 0;
25 width: 20px;
26 height: 20px;
27 border-radius: 5px;
28 }
29 }
30}