public/stylesheets/index.sass

   1 #main-title
   2   font-style: italic
   3   background: linear-gradient(#e66465, #9198e5)
   4   margin-top: 0
   5   margin-left: 0
   6   margin-right: 0
   7   img
   8     height: 30px
   9   span
  10     padding-left: 10px
  11     padding-right: 15px
  12
  13 .variant
  14   box-sizing: border-box
  15   border: 1px solid brown
  16   background-color: lightyellow
  17   a
  18     color: #663300
  19   .boxtitle
  20     font-weight: bold
  21
  22 #needHelp
  23   cursor: pointer
  24
  25 #readThis
  26   color: blue
  27   text-decoration: underline
  28   cursor: pointer
  29
  30 #b4welcome
  31   max-width: 320px
  32
  33 #welcome
  34   max-width: 90vw
  35   @media screen and (max-width: 767px)
  36     max-width: 100vw
  37   ul
  38     list-style-type: none
  39   // TODO: bad practice, use table to align things...
  40   table.list-table
  41     width: 300px
  42     margin: 0 auto
  43     border: 0
  44     tbody
  45       border: 0
  46       tr
  47         border: 0
  48         margin: 0
  49         padding: 0
  50         td
  51           padding: 0
  52           text-align: left
  53           border: 0
  54   #disableMsg
  55     cursor: pointer
  56     color: darkred