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