snippet.txt

/* Reused elements */

.button
  background: url('../img/buttons.png')
  display     : block
  height      : 32px
  text-indent : -9999px
  width       : 130px
  &.download
    background-position: -162px 0
  &.app-store
    background-position: -292px 0
  &.learn-more
    background-position: -422px 0
  &.get-started
    background-position: -552px 0
  &.migrate-now
    background-position: -682px 0

input[type="submit"].button
  border : none

/* Home Page */

body > header,
nav.accounts,
section.main,
footer
  +container
  margin   : 0 auto
  position : relative

// Sign-in Nav

nav.accounts
  font-weight : bold
  position    : relative
  text-align  : right
  top         : -78px
  left        : -22px

.sign-in,
.register
  +inline-block
  background  : url('../img/buttons.png') no-repeat
  height      : 22px
  margin      : 0 3px 0 0
  position    : relative
  text-align  : left
  text-indent : -9999px
  top         : 2px
  width       : 81px

.register
  background-position : -81px 0
  margin              : 0 0 0 4px