=dynamic-color($attr)

  @if ($attr == 'arrow')
    // get arrow from sprite

    html[data-color="home"] &
      +sprite(11px,9px,-195px -60px)

    html[data-color="lido"] &
      +sprite(11px,9px,-210px -60px)

    html[data-color="beachHouse"] &
      +sprite(11px,9px,-195px -80px)

    html[data-color="beachPavilion"] &
      +sprite(11px,9px,-210px -80px)

    html[data-color="beachRecreation"] &
      +sprite(11px,9px,-195px -100px)

    html[data-color="beachTrips"] &
      +sprite(11px,9px,-210px -100px)


  @else
    // Normal CSS attribute

    html[data-color="home"] &
      #{$attr}: #386F98

    html[data-color="lido"] &
      #{$attr}: #548AD3

    html[data-color="beachHouse"] &
      #{$attr}: #C1AD50

    html[data-color="beachPavilion"] &
      #{$attr}: #BF9051

    html[data-color="beachRecreation"] &
      #{$attr}: #74BE61

    html[data-color="beachTrips"] &
      #{$attr}: #91BE61