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 // TODO: box-shadow or box-sizeing ?
  14 //https://stackoverflow.com/questions/9601357/placing-border-inside-of-div-and-not-on-its-edge
  15 .variant
  16   box-sizing: border-box
  17   border: 1px solid brown
  18   background-color: lightyellow
  19   a
  20     color: #663300
  21   .boxtitle
  22     font-weight: bold
  23
  24 #needHelp
  25   cursor: pointer
  26
  27 #readThis
  28   color: blue
  29   text-decoration: underline
  30   cursor: pointer
  31
  32 #b4welcome
  33   max-width: 320px
  34
  35 #welcome
  36   max-width: 90vw
  37   @media screen and (max-width: 767px)
  38     max-width: 100vw
  39   ul
  40     list-style-type: none
  41   // TODO: bad practice, use table to align things...
  42   table.list-table
  43     width: 300px
  44     margin: 0 auto
  45     border: 0
  46     tbody
  47       border: 0
  48       tr
  49         border: 0
  50         margin: 0
  51         padding: 0
  52         td
  53           padding: 0
  54           text-align: left
  55           border: 0
  56   #disableMsg
  57     cursor: pointer
  58     color: darkred