SassBites#7 Code

sassbites7.scss

$foo: 1;
$bar: 6;

@while $foo < $bar {
    h#{$foo} { // do something
        font-size: ($bar - $foo)+em;
    }
    $foo: $foo + 1; // advance a counter
}


-----------------------------------------------


@mixin color-family($color, $steps, $amount) {
    $var: 0;
    @while $var < $steps {
        .class-#{$var} {
            color: darken($color, ($var * $amount));
        }
    $var: $var + 1;
    }
}

@include color-family(blue, 5, 10%);




--------------------------------------

@import "compass";
@function sort($list) {
    $sortedlist: ();
    @while length($list) > 0 {
        $value: nth($list,1);
        @each $item in $list {
            @if $item < $value {
                $value: $item;
            }
        }
        $sortedlist: append($sortedlist, $value, 'space');
        $list: reject($list, $value);
    }
    @return $sortedlist;
}

$vars: 12 10 13 9;

div {
    original: $vars;
    sorted: sort($vars);
}