Containers

components/ui/_containers.scss

Simple centered container with custom widths set in $container-widths.

Fluid width by default

Duis sint consequat Lorem do non. Reprehenderit incididunt anim cillum sint pariatur incididunt irure ullamco deserunt excepteur deserunt dolor nisi. Proident irure culpa excepteur eiusmod ea cupidatat reprehenderit quis non pariatur commodo aliquip dolor. Elit Lorem eu dolore magna laboris voluptate culpa quis sint elit veniam sunt velit. Do minim deserunt ut consectetur do et.

`.mod-w-lg` modifier 1440px max

`.mod-w-md` modifier 1024px max

`.mod-w-sm` modifier 768px max

`.mod-w-xs` modifier 400px max


            .my-container { border:1px dashed lightgrey; // Demo only }

Fluid width by default

.mod-w-lg modifier 1440px max

.mod-w-md modifier 1024px max

.mod-w-sm modifier 768px max

.mod-w-xs modifier 400px max

`.mod-w-lg` modifier 1440px max

`.mod-w-md` modifier 1024px max

`.mod-w-sm` modifier 768px max

`.mod-w-xs` modifier 400px max