Layout

Layout

Containers

Standard

usage: #container() { }

#container() {
    <h1>Container</h1>
    #button:primary("Primary")
}

Fluid

usage: #container:fluid() { }

#container:fluid() {
    <h1>Container</h1>
    #button:primary("Primary")
}

Row

usage: #row() { }

Modifiers:

• align-items-start
• align-items-center
• align-items-end
• justify-content-start
• justify-content-center
• justify-content-end
• justify-content-around
• justify-content-between
• no-gutters
• justify-content-md-center

#row("justify-content-md-center") {
    #button:primary("Primary")
}
#row() {
    #button:primary("Primary")
}