reimp.sass

!menu_image   = "url(../../images/test-1.jpg)"
!width_item_1 = 96px
!width_item_2 = 76px
!width_item_3 = 111px
!width_item_4 = 118px
!height_menu  = 200px

=menu_item(!width, !horizontal_indent)
  :margin-left= !horizontal_indent
  :width= !width
  a:hover
    :background= "transparent" !menu_image !horizontal_indent -!height_menu "no-repeat"
 
#menu
  :margin 2em 2em
  :position relative
  :width 400px
  :height = !height_menu
  :padding 0
  :background= !menu_image
  a
    :height= !height_menu
    :display block
  li
    :display block
    :position absolute
    :list-style none
    :height= !height_menu
    &#menu_item1
      +menu_item(!width_item_1, 0)
    &#menu_item2
      +menu_item(!width_item_2, !width_item_1)
    &#menu_item3
      +menu_item(!width_item_3, !width_item_1 + !width_item_2)
    &#menu_item4
      +menu_item(!width_item_4, !width_item_1 + !width_item_2 + !width_item_3)