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

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