apps/wolnelektury_core/static/scss/book_text/menu.scss

   1 /* Button for showing menu */
   2 #menu-toggle-on {
   3     width: 20px;
   4     height: 20px;
   5     position: fixed;
   6     top: 0;
   7     left: 0;
   8     background: #191919;
   9     color: white;
  10     text-align: center;
  11     z-index: 500;
  12
  13     @include min-screen(240px) {
  14         width: 30px;
  15         height: 30px;
  16     }
  17
  18     @include min-screen(320px) {
  19         width: 44px;
  20         height: 44px;
  21     }
  22 }
  23
  24 #menu {
  25     display: none;
  26     z-index: 1000;
  27
  28     width: 80px;
  29     position: fixed;
  30     top: 0;
  31     left: 0;
  32     text-align: center;
  33     background: #191919;
  34     height: 100%;
  35
  36     ul {
  37         list-style: none;
  38         margin: 0;
  39         padding: 0;
  40
  41         li {
  42
  43             a {
  44                 padding: 10px 0;
  45                 color: white;
  46                 display: block;
  47                 text-decoration: none;
  48
  49                 &.active {
  50                     background: white;
  51                     color: black;
  52                 }
  53
  54                 .label {
  55                     display: block;
  56                     font-size: 12px;
  57                 }
  58             }
  59         }
  60
  61     }
  62 }
  63
  64 /* body class for showing menu */
  65 .menu-showed #menu {
  66     display: block;
  67 }
  68
  69 /* menu showing by default */
  70 @include min-screen(640px) {
  71     #menu {
  72         display: block;
  73     }
  74     /* body class for hiding menu */
  75     .menu-hidden #menu {
  76         display: none;
  77     }
  78 }