1/**
2 * Page Attribute Icons in the breadcrumb bar
3 */
4.page-attributes {
5    list-style: none;
6    float: right;
7    margin: -.45em 0 0; // FIXME sourrounding CSS should be fixed so negative margin is not needed
8    padding: 0;
9    display: flex;
10    gap: 0.5rem;
11
12    > li {
13        margin: 0;
14        padding: 0;
15        border: 1px solid @wikiicons-border;
16        border-radius: @ini_default_border_radius;
17        position: relative;
18        display: flex;
19        align-items: center;
20        justify-content: center;
21        transition: @transition background-color, @transition border-color, @transition color;
22
23        // override any plugin element styles
24        * {
25            margin: 0;
26            padding: 0;
27            line-height: normal;
28            display: block;
29        }
30
31        // number badge
32        .btn-usertools-num();
33
34        // icon
35        svg {
36            height: 1.5em;
37            width: 1.5em;
38
39            path {
40                fill: @ini_nav_menu_color;
41            }
42        }
43
44        // adjust colors on hover
45        &:hover {
46            background-color: @ini_nav_menu_hover_color;
47            border-color: @ini_nav_menu_hover_color;
48
49            svg path {
50                fill: @ini_nav_menu_hover_bg;
51            }
52        }
53    }
54}
55