1/**
2 * This file provides the definitions dealing with flex-boxes.
3 *
4 * @author LarsDW223
5 */
6
7div.toolslist {
8    text-align: left;
9}
10
11div.toolslist ul {
12    margin: 0;
13    padding: 0;
14}
15
16div.toolslist.horizontal li {
17    float: left;
18}
19
20div.toolslist li a {
21    display: inline-flex;
22    flex-direction: row-reverse;
23    flex-wrap: nowrap;
24
25    svg {
26        height: 1.4em;
27        width: 1.4em;
28        vertical-align: middle;
29        fill: @ini_border;
30        margin-right: 0.2em;
31    }
32}
33
34div.toolslist li a:hover,
35div.toolslist li a:active {
36    svg {
37        fill: @ini_link;
38    }
39}
40
41div.toolslist.flex-center {
42    display: inline-flex;
43    justify-content: center;
44}
45
46div.toolslist.flex-left {
47    display: inline-flex;
48    justify-content: left;
49}
50
51div.toolslist.flex-right {
52    display: inline-flex;
53    justify-content: right;
54}
55