apps/wolnelektury_core/static/scss/book_text/body.scss

   1 /*
   2  * #big-pane
   3  * Everything besides the menu.
   4  */
   5 @include min-screen(640px) {
   6     #big-pane {
   7         margin-left: 80px;
   8     }
   9     .menu-hidden {
  10         #big-pane {
  11             margin-left: 0;
  12         }
  13     }
  14 }
  15
  16
  17
  18 /*
  19  * #main-text
  20  *
  21  * This is where the text lives
  22  * together with line numbers, themes and stuff.
  23  */
  24
  25 @mixin left-without-numbers {
  26     padding-left: 20px;
  27     @include min-screen(240px) {
  28         padding-left: 30px;
  29     }
  30 }
  31
  32 @mixin right-without-themes {
  33     padding-right: 20px;
  34     @include min-screen(240px) {
  35         padding-right: 30px;
  36     }
  37     @include min-screen(320px) {
  38         padding-right: 44px;
  39     }
  40 }
  41
  42 #main-text {
  43     @include left-without-numbers;
  44     @include right-without-themes;
  45
  46     /* make room for line numbers */
  47     @include min-screen(320px) {
  48         padding-left: 50px;
  49     }
  50
  51     /* make room for themes */
  52     @include min-screen(600px) {
  53         padding-right: 160px;
  54     }
  55 }
  56
  57 .always-hide-line-numbers {
  58     /* Cancel making room for line numbers. */
  59     #main-text {
  60         @include left-without-numbers;
  61     }
  62 }
  63
  64 .always-hide-themes {
  65     /* Cancel making room for themes. */
  66     #main-text {
  67         @include right-without-themes;
  68     }
  69 }
  70
  71
  72
  73
  74
  75
  76
  77 #book-text {
  78     max-width: 600px;
  79     margin: 20px auto;
  80
  81     h1 {
  82         margin-top: 0px;
  83     }
  84 }