@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