xref: /template/sprintdoc/css/area_header.less (revision 72d714f8ea6dceeb06572d1fcb81dcad2b0fb82a) 
1/**
2 * This file provides the design styles for the page header.
3 *
4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
5 */
6
7
8#dokuwiki__header {
9    .menu-togglelink {
10        margin: @very-small-spacing -(@very-small-spacing) 0 0;
11
12        a {
13            .fontello();
14            .icon-menu();
15
16            display: block;
17            min-height: @toggle-size;
18            min-width: @toggle-size;
19            box-sizing: border-box;
20            background-color: #fff;
21            border: 1px solid @color-border;
22            border-radius: @border-radius;
23            font-size: 1rem;
24            text-align: center;
25            text-decoration: none;
26            line-height: 1;
27            transition: @transition color, @transition background-color, @transition border-color;
28
29            &::before {
30                font-size: 1.5rem;
31                margin: .1rem 0 0;
32            }
33        }
34
35        &:hover,
36        &:active,
37        &:focus {
38            background-color: @button_color;
39            border-color: @button_background;
40        }
41    }
42}
43