Fix displaying images.
[wolnelektury.git] / src / wolnelektury / static / scss / main / hidden.scss
1 .hidden-box-wrapper {
2     position: relative;
3
4     .hidden-box {
5         position: absolute;
6         left: 0;
7         display: none;
8         @include size(padding, 10px 10px 5px 10px);
9         @include white-box;
10
11         z-index: 500;
12
13         ul {
14             list-style: none;
15             padding: 0;
16             margin: 0;
17             @include size(font-size, 11px);
18
19             @include size(column-width, 132px);
20             @include size(-moz-column-width, 132px);
21             @include size(-webkit-column-width, 132px);
22
23             @media screen and (min-width: 24em) {
24                 @include size(width, 320px);
25             }
26
27             @media screen and (min-width: 34em) {
28                 @include size(width, 480px);
29             }
30
31             @media screen and (min-width: 62.5em) {
32                 @include size(width, 528px);
33             }
34
35
36
37             li {
38                 margin-bottom: 1em;
39
40                 @media screen and (min-width: 62.5em) {
41                     margin-bottom: .5em;
42                 }
43             }
44         }
45     }
46 }
47
48 @media screen and (min-width: 24em) {
49     #menu-collections ul {
50         @include size(width, 180px);
51     }
52 }
53