Experiments with new reader.
[wolnelektury.git] / apps / wolnelektury_core / static / scss / book_text / menu.scss
1 /* Button for showing menu */
2 #menu-toggle-on {
3     width: 20px;
4     height: 20px;
5     position: fixed;
6     top: 0;
7     left: 0;
8     background: #191919;
9     color: white;
10     text-align: center;
11     z-index: 500;
12
13     @include min-screen(240px) {
14         width: 30px;
15         height: 30px;
16     }
17
18     @include min-screen(320px) {
19         width: 44px;
20         height: 44px;
21     }
22 }
23
24 #menu {
25     display: none;
26     z-index: 1000;
27
28     width: 80px;
29     position: fixed;
30     top: 0;
31     left: 0;
32     text-align: center;
33     background: #191919;
34     height: 100%;
35
36     ul {
37         list-style: none;
38         margin: 0;
39         padding: 0;
40
41         li {
42
43             a {
44                 padding: 10px 0;
45                 color: white;
46                 display: block;
47                 text-decoration: none;
48
49                 &.active {
50                     background: white;
51                     color: black;
52                 }
53
54                 .label {
55                     display: block;
56                     font-size: 12px;
57                 }
58             }
59         }
60
61     }
62 }
63
64 /* body class for showing menu */
65 .menu-showed #menu {
66     display: block;
67 }
68
69 /* menu showing by default */
70 @include min-screen(640px) {
71     #menu {
72         display: block;
73     }
74     /* body class for hiding menu */
75     .menu-hidden #menu {
76         display: none;
77     }
78 }