slot_sass

slot.sass

$red: #ff0000
$black: #000000
$blue: #2222aa 
$white: #ffffff
$border: #666666

.no_padding_margin
  padding: 0px
  margin: 0px

.machine 
  @extend .no_padding_margin
  overflow: hidden
  .machine_body
    float: left
    width: 92px
  .machine_handle
    float: left
    width: 17px
    margin-top: 20px
    margin-right: 50px
    div
      position: relative
      .ball
        background-color: $white
        height: 100px
        margin-left: 8px
        z-index: 5
        div
          position: absolute
          bottom: 0px
      .handle
        border-radius: 5px 5px 0px 0px 
        -moz-border-radius: 5px 5px 0px 0px
        -webkit-border-radius: 5px 5px 0px 0px
        margin-left: 10px
        width: 7px
        background-color: $black
        height: 80px
        z-index: 0
      .handle_base
        width: 17px
        height: 10px
        background-color: $black
        border-radius: 0px 0px 5px 0px 
        -moz-border-radius: 0px 0px 5px 0px
        -webkit-border-radius: 0px 0px 5px 0px 
  .machine_copy
    float: left
    width: 355px
  .money
    color: $red
    margin-left: 30px

.display 
  font-family: serif
  border: 3px solid $border
  border-top: 5px solid $border
  height: 100px
  width: 86px
  border-radius: 5px 5px 0px 0px 
  -moz-border-radius: 5px 5px 0px 0px
  -webkit-border-radius:  5px 5px 0px 0px
  td
    text-align: center
  .anybar
    font-size: 10px

.slot_top 
  @extend .no_padding_margin
  background-color: $blue
  height: 10px
  width: 92px

.slot_bottom 
  @extend .slot_top
  position: absolute
  text-align: center
  padding-top: 10px
  color: $white
  height: 68px
  width: 92px
  font-size: 12px
  .message
    border: 2px solid $red
    margin-top: 10px

.slot 
  @extend .no_padding_margin
  border: 1px solid $border
  width: 90px
  height: 84px
  z-index: -1
  position: relative
  div // Wheel
    @extend .no_padding_margin
    position: relative
    float: left
    width: 30px
    div // Symbol
      @extend .no_padding_margin
      text-align: center
      width: 30px
      height: 30px
  .window
    border: 2px solid $border
    position: relative
    float: left
    z-index: 9 
    top: -125px
    height: 28px
    width: 87px
    border-radius: 5px
    -moz-border-radius: 5px
    -webkit-border-radius: 5px

.spin_msg
  margin-bottom: 5px
  font-size: 8px

.red 
  color: $red