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 }