// I frequently need to give an element two box-shadows: one that is inset,
// and one outset (default). This is a mixin for it.

@mixin multi-box-shadow(
    $horizontal: 0px,
    $vertical: 1px,
    $blur: 2px,
    $color: #CCC,
    $horizontalInset: 0px,
    $verticalInset: 1px,
    $blurInset: 2px,
    $colorInset: #CCC) {
    -webkit-box-shadow: $horizontal $vertical $blur $color, inset $horizontalInset $verticalInset $blurInset $colorInset;
    -moz-box-shadow: $horizontal $vertical $blur $color, inset $horizontalInset $verticalInset $blurInset $colorInset;
    box-shadow: $horizontal $vertical $blur $color, inset $horizontalInset $verticalInset $blurInset $colorInset;
}