smart-grid-sass-code-12-column-example

main.sass

@import lib/smart-grid
+reset()
@import fonts
@import part.sass


.container
    +wrapper()

.row
	+row-flex()
	+justify-content-md(center)

.row-center
    +justify-content(center)
 
.item-1
    +col()
    +col-1()
    background-color: #BEBEBE

.item-2
    +col()
    +col-2()
    background-color: #BEBEBE

.item-3
    +col()
    +col-3()
    background-color: #BEBEBE

.item-4
    +col()
    +col-4()
    background-color: #BEBEBE

.item-5
    +col()
    +col-5()
    background-color: #BEBEBE

.item-6
    +col()
    +col-6()
    background-color: #BEBEBE

.item-7
    +col()
    +col-7()
    background-color: #BEBEBE

.item-8
    +col()
    +col-8()
    background-color: #BEBEBE

.item-9
    +col()
    +col-9()
    background-color: #BEBEBE

.item-10
    +col()
    +col-10()
    background-color: #BEBEBE

.item-11
    +col()
    +col-11()
    background-color: #BEBEBE

.item-12
    +col()
    +col-12()
    background-color: #BEBEBE