xref: /template/sprintdoc/css/area_nav-page-attributes.less (revision b457c328a9a6b6ccd9bb3fdb0e76e30bbb4ca958) 
1/**
2 * Page Attribute Icons in the breadcrumb bar
3 */
4
5
6/* + + + + +  icons in breadcrumb area  + + + + + */
7
8.page-attributes {
9    list-style: none;
10    float: right;
11    display: inline-block;
12    max-width: 30%;
13    margin: -.45em 0 0;
14    padding: 0;
15
16    @media @screen_max-xs {
17        max-width: 90%;
18    }
19
20    > li {
21        .btn-usertools-wrapper(); // uniform li
22        .btn-usertools-num();
23
24        position: relative;
25        float: left;
26        display: block;
27        width: auto;
28        min-height: @toggle-size;
29        text-align: center;
30        margin: 0 .25rem;
31
32        strong {
33            display: block;
34            min-height: 1.64rem;
35            border: 1px solid @wikiicons-border;
36            border-radius: @ini_default_border_radius;
37        }
38
39        a {
40            display: block;
41            width: auto;
42            min-height: 1.64rem;
43            border: 1px solid @wikiicons-border;
44            border-radius: @ini_default_border_radius;
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 ();
62            .icon-clipboard();
63
64            display: block;
65            font-size: 1.2rem;
66            line-height: 1;
67        }
68
69        .num {
70            top: -.6em;
71        }
72    }
73}
74