src/wolnelektury/static/scss/main/book_list.scss

   1 /* listing of all books */
   2
   3 #book-a-list {
   4     #book-list-nav {
   5         @include size(border-width, 0);
   6         @include size(border-bottom-width, 1px);
   7         border-style: solid;
   8         border-color: #CFCFCF;
   9         @include size(padding, 9.75px);
  10         line-height: 2em;
  11
  12         @media screen and (min-width: 30em) {
  13             @include size(border-bottom-width, 0px);
  14             @include size(border-left-width, 1px);
  15             float: right;
  16             width: 50%;
  17         }
  18
  19         @media screen and (min-width: 62.5em) {
  20             line-height: 1.3em;
  21         }
  22
  23         h2 {
  24             cursor: pointer;
  25
  26             &:after {
  27                 @include size(padding-left, 10px);
  28                 content: url("/static/img/arrow-gray.png");
  29                 vertical-align: top;
  30             }
  31
  32             @media screen and (min-width: 30em) {
  33                 font-size: 1em;
  34                 margin: 0;
  35                 cursor: regular;
  36
  37                 &:after {
  38                     display: none;
  39                 }
  40             }
  41         }
  42
  43         #book-list-nav-index {
  44             display: none;
  45             @media screen and (min-width: 30em) {
  46                 display: block !important;
  47             }
  48         }
  49
  50         ul {
  51             list-style-type: none;
  52             @include size(margin, 5px);
  53             padding: 0;
  54         }
  55         .book-list-show-index {
  56             display: none;
  57         }
  58     }
  59
  60     #book-list {
  61         @include size(padding-left, 5px);
  62         line-height: 2em;
  63
  64         @media screen and (min-width: 62.5em) {
  65             @include size(padding-left, 50px);
  66             line-height: 1.3em;
  67         }
  68
  69         ol {
  70             @include size(padding-left, 13px);
  71             @include size(margin, 4px 0 15.6px 0);
  72             list-style: none;
  73         }
  74         h2 {
  75             @include size(font-size, 13px);
  76             margin: 0;
  77             a {
  78                 color: black;
  79             }
  80         }
  81     }
  82
  83     #book-list-up {
  84         display: block;
  85         position: fixed;
  86         @include size(bottom, 50px);
  87         @include size(right, 50px);
  88         @include size(border-left, solid 1px #CFCFCF);
  89         @include size(padding, 20px 10px);
  90         background-color: white;
  91     }
  92 }