xref: /template/sprintdoc/css/area_nav-page-attributes.less (revision e8d58fb55be094623b563540e67d899511883d10) 
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            background-color: @ini_nav_menu_hover_bg;
44            border: 1px solid @wikiicons-border;
45            border-radius: @ini_default_border_radius;
46            transition: @transition background-color, @transition border-color, @transition color;
47
48            &:hover,
49            &:focus,
50            &:active {
51                background-color: @ini_nav_menu_hover_color;
52                border-color: @ini_nav_menu_hover_color;
53                color: @ini_nav_menu_hover_bg;
54
55                span {
56                    fill: @ini_nav_menu_hover_bg;
57                    color: @ini_nav_menu_hover_bg;
58                }
59            }
60        }
61
62        .prefix {
63            .btn-prefix(.26rem);
64            .icon-clipboard();
65
66            display: block;
67            font-size: 1.2rem;
68            line-height: 1;
69        }
70
71        .num {
72            top: -.6em;
73        }
74    }
75}
76