content/media/css/book_text.scss

   1 .main {
   2     padding: 0 .5em;
   3     line-height: 1.5em;
   4
   5     h2 {
   6         &:hover {
   7             .permalink:after {
   8                 visibility: visible;
   9             }
  10         }
  11
  12         .permalink:after {
  13             content: '\b6';
  14             font-size: .7em;
  15             padding: .5em;
  16             visibility: hidden;
  17         }
  18     }
  19
  20     blockquote {
  21         margin: 1em 0 1em 1em;
  22         font-style: italic;
  23
  24         @media screen and (min-width: 24em) {
  25             margin: 1.5em;
  26         }
  27     }
  28
  29     ul, ol {
  30         margin-left: 0;
  31         padding-left: 2rem;
  32     }
  33
  34     table {
  35         border-collapse: collapse;
  36
  37         @media screen and (min-width: 24em) {
  38             margin: 1.5em;
  39         }
  40
  41         td {
  42             border: 1px solid #444;
  43             padding: .5em;
  44             vertical-align: top;
  45             @media screen and (min-width: 24em) {
  46                 padding: 1em;
  47             }
  48         }
  49     }
  50
  51     li {
  52         margin: .5em;
  53     }
  54
  55     img {
  56         display: block;
  57         max-width: 100%;
  58         margin: 1em 0;
  59     }
  60
  61     td img {
  62         max-width: 8em;
  63     }
  64 }