apps/wolnelektury_core/static/css/main/book_box.scss

   1 @import "tools";
   2
   3 @mixin inner-box {
   4     display: block;
   5     color: black;
   6     border-style: solid;
   7     border-color: #ddd;
   8     @include size-px(border-width, 1);
   9     @include size-px(margin, 1);
  10     @include size-px(padding-top, 8);
  11     @include size-px(padding-bottom, 8);
  12     @include size-px(padding-left, 10);
  13     @include size-px(padding-right, 10);
  14     background: #fff;
  15     -moz-box-shadow: 2px 2px 2px #ddd;
  16     -webkit-box-shadow: 2px 2px 2px #ddd;
  17     box-shadow: 2px 2px 2px #ddd;
  18 }
  19 @mixin cover-thumb {
  20     @include size-px(height, 193);
  21     @include size-px(width, 139);
  22 }
  23
  24
  25 .book-mini-box {
  26     @include size-px(width, 161.5);
  27     display: inline-block;
  28     vertical-align: top;
  29
  30     a {
  31         @include inner-box;
  32         @include size-px(height, 271);
  33         @include size-px(margin, 1);
  34         overflow: hidden;
  35     }
  36     img.cover {
  37         @include cover-thumb;
  38         @include size-px(margin-bottom, 18);
  39     }
  40     .desc {
  41         margin-left: 0;
  42     }
  43     .author {
  44         @include size-px(font-size, 11);
  45         @include mono;
  46         color: #6d7877;
  47         display: block;
  48         overflow: hidden;
  49         text-overflow: ellipsis;
  50         white-space: nowrap;
  51     }
  52     .title {
  53         @include size-px(font-size, 14);
  54         color: #242424;
  55     }
  56 }