mixinのsample

mixin.sass

=blue_button
  text-align: center
  display: block
  font-family: Arial, Helvetica, sans-serif
  font-size: 14px
  color: #ffffff
  line-height: 30px
  width: 80px
  background: -moz-linear-gradient(top, #5779ff 0%, #3254cf)
  background: -webkit-gradient(linear, left top, left bottom, from(#5779ff), to(#3254cf))
  border-radius: 30px
  -moz-border-radius: 30px
  -webkit-border-radius: 30px
  border: 1px solid #454bc9
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), inset 0px 0px 2px rgba(206, 204, 255, 1)
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), inset 0px 0px 2px rgba(206, 204, 255, 1)
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3)


header
  .login
    ul
      li
        a
          +blue_button

article
  ul.buttons
    li
      a
        +blue_button
        float: left