Advance on styling
[vchess.git] / client / src / stylesheets / index.sass
index 5f76e00..dcf75b3 100644 (file)
     @media screen and (max-width: 767px)
       padding-top: 8px
 
-// TODO: box-shadow or box-sizing ? https://stackoverflow.com/a/13517809
-.variant
-  box-sizing: border-box
-  border: 1px solid brown
-  background-color: lightyellow
-  &:hover
-    background-color: yellow
-  a
-    color: #663300
-    text-decoration: none
-  .boxtitle
-    font-weight: bold
-    margin-bottom: 0
-  .description
-    @media screen and (max-width: 767px)
-      margin-top: 0
-
-#welcome
-  max-width: 767px
-  @media screen and (max-width: 767px)
-    max-width: 100vw
-  img
-    width: 75%
-    @media screen and (max-width: 767px)
-      width: 100%
-      max-width: 552px
-  ul
-    list-style-type: none
-  // TODO: bad practice, shouldn't use table to align things...
-  table.list-table
-    width: 300px
-    margin: 0 auto
-    border: 0
-    tbody
-      border: 0
-      tr
-        border: 0
-        margin: 0
-        padding: 0
-        td
-          padding: 0
-          text-align: left
-          border: 0