gistfile1.txt

green = #80B280

matrixgreen = #C6DABF
matrixyellow = #E6E680

borderdiff = 30

@import "mixins/border-radius"

body
  font 16px Trebuchet MS, Verdana, Arial, sans-serif
  padding 1em 1em

bordered( border, color, border_radius )
  border-radius border_radius
  border border solid color - borderdiff
  background-color color
  
article
  margin 1em
  padding 1em
  bordered 2px ghostwhite .5em

em
  font-style normal
  font-weight bold

.subject
  position absolute
  right 10%
  top 0
  padding .5em 1em
  color green - 100

  bordered 3px green .5em
  border-top 0
  border-top-radius 0

.example
  padding 1em
  padding-left 10em
  bordered 5px dodgerblue 2em
  width 60%
  margin 0 auto

  em, dt
    color lightgreen

.instruction
  padding .5em 1em
  bordered 2px matrixgreen .5em
  border-left-radius 0
  display inline-block

table
  width 100%
  border-spacing 5px
  th, td
    padding .3em

.exercise
  .matrix
    tr:first-child
      td, th
        font-size 110%
    td
      background-color matrixgreen
    th
      background-color matrixgreen - 50
    td:first-child
      background-color matrixyellow
      text-align center
    th:first-child
      background-color matrixyellow - 50

  .quiz
    width 70%
    margin 0 auto
    bordered 2px matrixyellow 0
    padding 1em 2em
    p
      border-bottom 1px solid black