src/wolnelektury/static/scss/main/picture_box.scss

   1 .picture {
   2     &.book-wide-box {
   3         .cover-area {
   4             position: static;
   5             @include size(margin-right, 15px);
   6             @media screen and (min-width: 62.5em) {
   7                 margin-right: 0;
   8             }
   9
  10             img.cover {
  11                 @include size(width, 535px);
  12                 height: auto;
  13             }
  14         }
  15
  16         .book-box-head, .tags, .book-box-tools {
  17             margin-left: 0;
  18         }
  19
  20
  21         @media screen and (min-width: 62.5em) {
  22             .book-box-head, .tags, .book-box-tools {
  23                 float: right;
  24                 @include size(width, 403px);
  25             }
  26         }
  27
  28         .other-tools {
  29             margin: 5em 0 0 0;
  30         }
  31
  32         .book-box-tools, .tags, #theme-list-wrapper {
  33             clear: both;
  34             margin-left: 0;
  35         }
  36         .book-box-body {
  37             height: auto;
  38             margin-bottom: 1em;
  39         }
  40
  41         @media screen and (min-width: 50em) {
  42             .book-box-body {
  43                 height: auto;
  44                 @include size(min-height, 170px);
  45                 margin-bottom: 0;
  46             }
  47             .book-box-tools, .tags {
  48                 clear: right;
  49             }
  50
  51             #theme-list-wrapper {
  52                 clear: right;
  53                 @include size(margin-left, 550px);
  54             }
  55         }
  56     }
  57
  58     li.book-box-download {
  59         width: 15em;
  60     }
  61 }
  62
  63
  64 .work-list {
  65     .Picture-item {
  66         @include min-screen($S_BOOK_SHORT_FULL) {
  67             display: inline-block;
  68         }
  69         vertical-align: top;
  70     }
  71 }