xref: /template/sprintdoc/css/area_header.less (revision 1f3641a82800e91ebfaed80dcbc1e35a818cf20d) 
1/**
2 * This file provides the design styles for the page header.
3 *
4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
5 */
6#dokuwiki__header {
7
8    .menu-togglelink {
9        border: 1px solid @color-border;
10        border-radius: @border-radius;
11        text-align: center;
12        margin: @very-small-spacing -(@very-small-spacing) 0 0;
13
14        font-size: @font-size-small;
15        min-height: 2em;
16        min-width: 2em;
17        box-sizing: border-box;
18        line-height: 2em;
19
20        cursor: pointer;
21        background-color: #fff;
22        text-decoration: none;
23        transition: @transition color, @transition background-color, @transition border-color;
24
25
26        svg {
27            height: @font-size-default + (@font-scale-factor * 4);
28            width: @font-size-default + (@font-scale-factor * 4);
29            vertical-align: middle;
30            path {
31                fill: @color-nav
32            }
33        }
34
35        &:hover,
36        &:active,
37        &:focus {
38            background-color: @button_color;
39            border-color: @button_background;
40            svg path {
41                fill: @button_background;
42            }
43        }
44
45    }
46
47}
48