public/stylesheets/layout.sass

   1 html, *
   2   font-family: "Open Sans", Arial, sans-serif
   3   --back-color: #f2f2f2
   4   --a-link-color: blue
   5   --a-visited-color: blue
   6
   7 body
   8   padding: 0
   9   min-width: 320px
  10
  11 .container
  12   padding: 0
  13
  14 .row
  15   div
  16     padding: 0
  17     .section-content
  18       *
  19         margin-left: 0
  20         margin-right: 0
  21       @media screen and (max-width: 767px)
  22         padding: 0 5px
  23
  24 @media screen and (max-width: 767px)
  25   .button-group
  26     flex-direction: row
  27     button:not(:first-child)
  28       border-left: 1px solid var(--button-group-border-color)
  29       border-top: 0
  30
  31 a
  32   text-decoration: underline
  33
  34 .text-center
  35   text-align: center
  36
  37 .smallpad
  38   padding: 5px
  39
  40 .emphasis
  41   font-style: italic
  42
  43 .clickable
  44   cursor: pointer
  45
  46 .clearer
  47   clear: both
  48
  49 .red
  50   color: #cc3300
  51
  52 .purple
  53   color: purple
  54
  55 .smallfont
  56   font-size: 0.8em
  57
  58 .bigfont
  59   font-size: 1.2em
  60
  61 [type="checkbox"].modal+div .card
  62   max-width: 767px
  63   max-height: 100vh
  64 [type="checkbox"].modal+div .card.small-modal
  65   max-width: 320px
  66 [type="checkbox"].modal+div .card.big-modal
  67   max-width: 90vw