Dependências de margens e Grades de colunas

_dependencies.scss

// Margens
$margins: top bottom left right;

@each $margin in $margins{
    
    @for $i from 1 through 10 {
        
        .m-#{$margin}-#{$i} {
            
            margin-#{$margin}: $i * 10px;
        }
    }
}

// Grade de colunas
@for $i from 1 through 12 {

    .column-#{$i} { 
        width: 100% / 12 * $i;
    }
}