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         border: 1px solid #ddd;
  11         padding: 1em 1em .5em 1em;
  12         background: #fff;
  13         -moz-box-shadow: 2px 2px 2px #ddd;
  14         -webkit-box-shadow: 2px 2px 2px #ddd;
  15         box-shadow: 2px 2px 2px #ddd;
  16         z-index: 500;
  17
  18         ul {
  19             list-style: none;
  20             padding: 0;
  21             margin: 0;
  22             @include size-px(font-size, 11);
  23
  24             @include size-px(column-width, 132);
  25             @include size-px(-moz-column-width, 132);
  26             @include size-px(-webkit-column-width, 132);
  27
  28             @media screen and (min-width: 24em) {
  29                 @include size-px(width, 320);
  30             }
  31
  32             @media screen and (min-width: 34em) {
  33                 @include size-px(width, 480);
  34             }
  35
  36             @media screen and (min-width: 62.5em) {
  37                 @include size-px(width, 528);
  38             }
  39
  40
  41
  42             li {
  43                 margin-bottom: 1em;
  44
  45                 @media screen and (min-width: 62.5em) {
  46                     margin-bottom: .5em;
  47                 }
  48             }
  49         }
  50     }
  51 }