margins for info pages on small screens
[wolnelektury.git] / src / wolnelektury / static / scss / main / catalogue.scss
1 /* listing of all books */
2
3 .catalogue-catalogue {
4     ul {
5         column-width: 25em;
6         -moz-column-width: 25em;
7         -webkit-column-width: 25em;
8
9         @include size(padding-left, 10px);
10
11         @media screen and (min-width: 20em) {
12             @include size(padding-left, 40px);
13         }
14
15         li {
16             margin-bottom: 1em;
17
18             @media screen and (min-width: 62.5em) {
19                 margin-bottom: .5em;
20             }
21         }
22     }
23
24     h2 {
25         @include size(font-size, 26px);
26         margin: 0;
27         @include size(padding, 26px);
28     }
29 }