A simple sass translation for the css of http://responsiveslides.com/

rslides.sass

.rslides
  z-index: 1
  position: relative
  list-style: none
  overflow: hidden
  width: 100%
  padding: 0
  margin: 0
  li
    -webkit-backface-visibility: hidden
    position: absolute
    display: none
    width: 100%
    left: 0
    top: 0
    &:first-child
      position: relative
      display: block
      float: left
  img
    display: block
    height: auto
    float: left
    width: 100%
    border: 0

$rslides_tabs_size: 10px

ul.rslides_tabs
  z-index: 2
  position: relative
  display: block
  list-style: none
  width: 100%
  margin: -$rslides_tabs_size*3 auto 0
  padding: 0
  text-align: center
  li
    display: inline-block
    a
      display: inline-block
      font-size: $rslides_tabs_size
      line-height: $rslides_tabs_size
      width: $rslides_tabs_size
      color: transparent
      background: $secondary
      margin: $rslides_tabs_size
      +border-radius($rslides_tabs_size)
      +transition(0.5s background)
    &.rslides_here
      a
        background: $primary