@mixin li-style
  list-style-type: none
  li
    float: left

  a
    display: block
    text-decoration: none
    line-height: 8px


@mixin box-size($width: auto, $height: auto)
  width: $width
  height: $height



@mixin input-placeholder($color)
  &.placeholder
    color: $color

  &:-moz-placeholder
    color: $color

  &::-webkit-input-placeholder
    color: $color


@mixin href-button($width: 23px, $height: 20px, $background-color: none, $padding:0 13px, $border: none, $text-decoration: none)
  @include box-size($width, $height)
  background-color: $background-color
  padding: $padding
  border: $border
  text-decoration: $text-decoration



@mixin star-rating($box, $element, $start, $end, $hz:0)
  @for $i from 0 through 5
    #{$box}#{$i} > #{$element}
      background-image: url("/static/img/accounts/star-off.png")

    $selector: ':first-child'
    @for $lum from 1 through $i
      #{$box}#{$i} > #{$element}#{$selector}
        background-image: url("/static/img/accounts/star-on.png")

      $selector: $selector + '+li'




@mixin star-box-styling($size:'big')
  .star_sizes
    @if $size == 'big'
      background-position: 0 0

    @if $size == 'small'
      background-position: 20px -9px

    float: left
    list-style: none