Simplify transitional files a bit.
[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 }
30
31
32 .collection-box {
33     display: inline-block;
34     vertical-align: top;
35
36     @media screen and (min-width:500px) {
37         width: 465px;
38     }
39
40     .description {
41         margin: 15px 0;
42
43         @media screen and (min-width:500px) {
44             height: 75px;
45             overflow: hidden;
46         }
47
48         p {
49             margin: 0 0 15px 0;
50         }
51     }
52     .covers {
53         line-height: 0;
54     }
55 }