1/**
2 * Page Attribute Icons in the breadcrumb bar
3 */
4
5/* + + + + +  icons in breadcrumb area  + + + + + */
6.page-attributes {
7    list-style: none;
8    float: right;
9    display: inline-block;
10    max-width: 30%;
11    margin: -.45em 0 0;
12    padding: 0;
13
14    @media @screen_max-xs {
15        max-width: 90%;
16    }
17
18    > li {
19        .btn-usertools-wrapper(); // uniform li
20        .btn-usertools-num();
21
22        position: relative;
23        float: left;
24        display: block;
25        width: auto;
26        min-height: @toggle-size;
27        text-align: center;
28        margin: 0 .25rem;
29
30        strong {
31            display: block;
32            min-height: 1.64rem;
33            border: 1px solid @wikiicons-border;
34            border-radius: @ini_default_border_radius;
35        }
36
37        a {
38            display: block;
39            width: auto;
40            min-height: 1.64rem;
41            background-color: @ini_nav_menu_hover_bg;
42            border: 1px solid @wikiicons-border;
43            border-radius: @ini_default_border_radius;
44            transition: @transition background-color, @transition border-color, @transition color;
45
46            &:hover,
47            &:focus,
48            &:active {
49                background-color: @ini_nav_menu_hover_color;
50                border-color: @ini_nav_menu_hover_color;
51                color: @ini_nav_menu_hover_bg;
52
53                span {
54                    fill: @ini_nav_menu_hover_bg;
55                    color: @ini_nav_menu_hover_bg;
56                }
57            }
58        }
59
60        .prefix {
61            .btn-prefix(.26rem);
62            .icon-clipboard();
63
64            display: block;
65            font-size: 1.2rem;
66            line-height: 1;
67        }
68
69        .num {
70            top: -.6em;
71            font-size: @font-size-very-small;
72        }
73
74        &:empty {
75          display: none;
76        }
77    }
78}
79