sass methods

=radius($radius: 5px, $top: false, $side: false)
  @if $side and $top
    -moz-border-radius-#{$top}#{$side}: $radius
    -webkit-border-#{$top}-#{$side}-radius: $radius
    border-#{$top}-#{$side}-radius: $radius
  @if $side
    -moz-border-radius-#{$side}: $radius
    -webkit-border-#{$side}-radius: $radius
    border-#{$side}-radius: $radius
  @else
    -moz-border-radius: $radius
    -webkit-border-radius: $radius
    border-radius: $radius

=simple-box-shadow($vars: 0 0 10px #333)
  -moz-box-shadow: $vars
  -webkit-box-shadow: $vars
  box-shadow: $vars
  
=border($side: false, $px: 1px, $thickness: solid, $color: #333)
  @if $side
    border-#{$side}: $px $thickness $color
  @else
    border: $px $thickness $color
    
=custom-fancy-gradient($color1, $color2)
  +background-image(radial-gradient(50% 10%, $color1, darken($color2, 5) 30px))
=custom-fancy-gradient-active($color1, $color2)
  +custom-fancy-gradient(lighten($color2, 10), lighten($color2, 25))