On parameterized Sass mixins

gistfile1.css

.my-class {
    /* fallback for browsers that do not support CSS3 */
    background: #222;
    /* -moz requires "px" or % after the stop # */
    background: -moz-linear-gradient(top, #666, #222 32px);
    /* -webkit does not require "px" after the stop $ */
    background: -webkit-gradient(linear, 0 0, 0 32, from(#666), to(#222));
}

gistfile2.sass

@mixin basic-linear-grader($base_color, $accent_color, $stop) {
    // -moz gets the same $stop
    $_moz_stop: $stop;
 
    @if unitless($stop) {
        // but we tack on the "px" if it's missing
        $_moz_stop: #{$stop}px;
    }
 
    background: $base_color;
    background: -moz-linear-gradient(top, $accent_color, $base_color $_moz_stop);
    background: -webkit-gradient(linear, 0 0, 0 $stop, from($accent_color), to($base_color));
}
 
.my-class {
    @include basic-linear-grader(#000, #666, 32);
}

@see http://blog.founddrama.net/2010/09/on-parameterized-sass-mixins/

@see http://notundefined.tumblr.com/post/1075464668/on-parameterized-sass-mixins