Simple attribute module selector generator for Sass

AMCSS.css

[am-button] {
  content: "";
}

[am-button~="large"] {
  content: "";
}

[am-button~="large rounded"] {
  content: "";
}

[am-row] {
  content: "";
}

[am-column] {
  content: "";
}

[am-column~="1/12"] {
  content: "";
}

AMCSS.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

@mixin am($args) {
    @if length($args) == 1 {
        [am-#{$args}] {
            @content;
        }
    }
    @else {
        $val: ();
        
        @for $i from 2 through length($args) {
            $val: append($val, nth($args, $i));
        }
        
        [am-#{nth($args, 1)}~="#{$val}"] {
            @content;
        }
    }
}


// Usage
@include am(button) {
    content: "";
}

@include am(button large) {
    content: "";
}

@include am(button large rounded) {
    content: "";
}

@include am(row) {
    content: "";
}

@include am(column) {
    content: "";
}

@include am(column "1/12") {
    content: "";
}