$map: (

    '1': rgb(99,226,226),

    '2': rgb(114,149,230),

    '3': rgb(249,202,109),

    '4': rgb(249,172,109),

    '5': rgb(159,242,106),

);

@each $key, $value in $map {

    .legend-list .legend-item.style-#{$key} {

        color: $value;

        &:before {

            background: rgba($value, 1);

            box-shadow: 0 0 0 2px  rgba($value, 0.3), 0 0 0 4px rgba($value, 0.15);

        }

    }

}

for的用法

$max: 10;

$unit: 4px;

@for $i from 1 through $max {

    .pt-#{$i} {

        padding-top: $unit * $i;

    }

    .pr-#{$i} {

        padding-right: $unit * $i;

    }

}