src/wolnelektury/static/scss/main/hidden.scss

   1 .hidden-box-wrapper {
   2     position: relative;
   3
   4     .hidden-box {
   5         position: absolute;
   6         left: 0;
   7         display: none;
   8         @include size(padding, 10px 10px 5px 10px);
   9         @include white-box;
  10
  11         z-index: 500;
  12
  13         ul {
  14             list-style: none;
  15             padding: 0;
  16             margin: 0;
  17             @include size(font-size, 11px);
  18
  19             @include size(column-width, 132px);
  20             @include size(-moz-column-width, 132px);
  21             @include size(-webkit-column-width, 132px);
  22
  23             @media screen and (min-width: 24em) {
  24                 @include size(width, 320px);
  25             }
  26
  27             @media screen and (min-width: 34em) {
  28                 @include size(width, 480px);
  29             }
  30
  31             @media screen and (min-width: 62.5em) {
  32                 @include size(width, 528px);
  33             }
  34
  35
  36
  37             li {
  38                 margin-bottom: 1em;
  39
  40                 @media screen and (min-width: 62.5em) {
  41                     margin-bottom: .5em;
  42                 }
  43             }
  44         }
  45     }
  46 }
  47
  48 @media screen and (min-width: 24em) {
  49     #menu-collections ul {
  50         @include size(width, 180px);
  51     }
  52 }
  53