src/wolnelektury/static/scss/book_text/settings.scss

   1 @mixin switch-on {
   2     left: 10px;
   3     right: 0;
   4 }
   5 @mixin switch-off {
   6     left: 0;
   7     right: 10px;
   8 }
   9 .settings-switch {
  10     display: block;
  11     padding: .5em;
  12     margin: .5em;
  13     color: black;
  14     background: linear-gradient(90deg, #018189 50%, #9e3610 50%);
  15     border-radius: 1em;
  16     position: relative;
  17     height: 1em;
  18
  19     span {
  20         background: #444 ;
  21         color: #eee;
  22         font-size: 12px;
  23         position: absolute;
  24         top:0;
  25         bottom: 0;
  26         border-radius: 16px;
  27         line-height: 32px;
  28         transition: left .2s, right .2s;
  29     }
  30 }
  31
  32 #settings-annotations span {@include switch-on;}
  33 .no-annotations {
  34     #settings-annotations span {@include switch-off;}
  35     .annotation {display: none;}
  36 }
  37
  38 #settings-themes span {@include switch-on;}
  39 .always-hide-themes {
  40     #settings-themes span {@include switch-off;}
  41 }
  42
  43 #settings-line-numbers span {@include switch-on;}
  44 .always-hide-line-numbers {
  45     #settings-line-numbers span {@include switch-off;}
  46 }
  47
  48 #settings-references span {@include switch-on;}
  49 .no-references {
  50     #settings-references span {@include switch-off;}
  51 }
  52