1/* =Dropdown
2----------------------------------------------- */
3
4.dropdown {
5    position: relative;
6    vertical-align: baseline;
7
8    a,button {
9        display: block;
10        text-decoration: none;
11        padding: 6px;
12        padding-left: 12px;
13        padding-right: 12px;
14        line-height: 16px;
15        font-size: 16px;
16        border-radius: 8px;
17        outline: none;
18
19        i {
20            line-height: 16px;
21            font-size: 16px;
22        }
23    }
24    a[aria-expanded="true"],a:hover,
25    button[aria-expanded="true"],button:hover {
26        background-color: @ini_theme_color;
27    }
28    .dropdown-toggle::after {
29        font-family: "bootstrap-icons";
30        content: "\F229";
31        vertical-align: middle;
32        margin-left: 8px;
33    }
34    .dropdown-menu {
35        display: none;
36        position: absolute;
37        top: 32px;
38        right: 0px;
39        background-color: @ini_text_alt;
40        color: @ini_background;
41        border-radius: 20px;
42        min-width: 250px;
43
44        li {
45            list-style-type: none;
46            width: 100%;
47            margin-top: 4px;
48
49            a,button {
50                width: 100%;
51                padding: 8px;
52                padding-left: 16px;
53                padding-right: 16px;
54                border-radius: 0px;
55
56                i {
57                    vertical-align: middle;
58                }
59            }
60        }
61        li:last-child {
62            a,button {
63                border-bottom-left-radius: 20px;
64                border-bottom-right-radius: 20px;
65            }
66        }
67    }
68}
69