public/stylesheets/index.sass

   1 .boxtitle
   2   font-weight: bold
   3
   4 .variant
   5   color: black
   6   //margin-top: 20px
   7   border: 1px solid brown
   8   box-sizing: border-box
   9   background-color: lightyellow
  10   a
  11     color: #663300
  12
  13 .card > h3.section.blue
  14   color: #0033cc
  15
  16 .card > h3.section.red
  17   color: #cc3300
  18
  19 #main-title
  20   font-style: italic
  21   background: linear-gradient(#e66465, #9198e5)
  22   margin-top: 0
  23   margin-left: 0
  24   margin-right: 0
  25   img
  26     height: 30px
  27   span
  28     padding-left: 10px
  29     padding-right: 15px
  30
  31 #needHelp
  32   cursor: pointer
  33
  34 #welcome
  35   max-height: 100vh
  36   max-width: 90vw
  37
  38 #help
  39   max-height: 100vh
  40   max-width: 600px
  41
  42 .conditional-jump
  43   display: block
  44
  45 @media screen and (max-width: 710px)
  46   .conditional-jump
  47     display: inline
  48
  49 @media screen and (max-width: 400px)
  50   #welcome, #help
  51     max-width: 100vw
  52
  53 #welcome ul
  54   list-style-type: none
  55
  56 #welcome ul > li
  57   font-family: monospace
  58
  59 .read-this
  60   color: blue
  61   text-decoration: underline
  62   cursor: pointer
  63
  64 .emphasis
  65   font-style: italic
  66   color: purple
  67
  68 .disable-msg
  69   cursor: pointer
  70   color: darkred
  71
  72 .smallfont
  73   font-size: 0.8em
  74
  75 table.list-table
  76   width: 300px
  77   margin: 0 auto
  78   border: 0
  79   tbody
  80     border: 0
  81     tr
  82       border: 0
  83       margin: 0
  84       padding: 0
  85       td
  86         padding: 0
  87         text-align: left
  88         border: 0