xref: /template/writr/css/components/sidebar/menu.less (revision d9a0be89ec3c62463bd2ef1acfcd2e72d7712b39)
1/* =Menu
2----------------------------------------------- */
3
4#writr__sidebar {
5
6    #writr__sidebar__tools {
7        display: flex;
8        flex-direction: row;
9        justify-content: center;
10        align-items: center;
11        position: fixed;
12        bottom: 0;
13        left: 0;
14        width: 300px;
15        background: @ini_theme_color_alt;
16
17        > * {
18            line-height: 16px;
19            font-size: 16px;
20            margin: 0;
21            color:@ini_background;
22            vertical-align: middle;
23        }
24        .user-tools {
25            flex-grow: 1;
26
27            a:hover {
28                background: @ini_text_alt;
29            }
30            a {
31                display: flex;
32                flex-direction: row;
33                justify-content: center;
34                align-items: center;
35                text-decoration: none;
36                color: @ini_background;
37                outline: none;
38                padding: 16px;
39                margin: 0px;
40                width: 100%;
41                height: 100%;
42
43                img {
44                    display: inline-block;
45                    height: 32px;
46                    width: 32px;
47                    border-radius: 50%;
48                    margin: 0;
49                    padding: 0;
50                    border: 1px solid @ini_background;
51                }
52                span {
53                    margin-left: 8px;
54                }
55            }
56            ul {
57                margin: 0px;
58
59                li {
60                    list-style-type: none;
61                    width: 100%;
62                    margin-top: 0px;
63
64                    a,button {
65                        width: 100%;
66                        padding: 8px 16px;
67                        border-radius: 0px;
68                        justify-content: left;
69
70                        i {
71                            vertical-align: middle;
72                            margin-right: 8px;
73                        }
74                    }
75                }
76            }
77        }
78        .site-tools {
79            a {
80                font-size:32px;
81                color: @ini_background;
82            }
83        }
84    }
85}
86
87.enableToolbar #writr__sidebar__tools {
88    display: none!important;
89}
90