선우아범의 놀이터

sass 형태로 컴파일러없이 웹으로. 

https://www.sassmeister.com/

$gridstack-columns: 24;
.grid-stack.grid-stack-24 > .grid-stack-item {
    min-width: (100 / $gridstack-columns);

    @for $i from 1 through $gridstack-columns {
        &[gs-w='#{$i}'] { width: (100 / $gridstack-columns) * $i; }
        &[gs-x='#{$i}'] { left: (100 / $gridstack-columns) * $i; }
        &[gs-min-w='#{$i}'] { min-width: (100 / $gridstack-columns) * $i; }
        &[gs-max-w='#{$i}'] { max-width: (100 / $gridstack-columns) * $i; }
    }    
}