Show Menu
Cheatography

Bootstrap3-SASS-Mixins Cheat Sheet by

Available sass mixins in Bootstrap 3

Grid Mixins

contai­ner­-fi­xed­($g­utter: $grid-­gut­ter­-width)
make-r­ow(­$gu­tter: $grid-­gut­ter­-width)
make-x­s-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-x­s-c­olu­mn-­off­set­($c­olumns)
make-x­s-c­olu­mn-­pus­h($­col­umns)
make-x­s-c­olu­mn-­pul­l($­col­umns)
make-s­m-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-s­m-c­olu­mn-­off­set­($c­olumns)
make-s­m-c­olu­mn-­pus­h($­col­umns)
make-s­m-c­olu­mn-­pul­l($­col­umns)
make-m­d-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-m­d-c­olu­mn-­off­set­($c­olumns)
make-m­d-c­olu­mn-­pus­h($­col­umns)
make-m­d-c­olu­mn-­pul­l($­col­umns)
make-l­g-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-l­g-c­olu­mn-­off­set­($c­olumns)
make-l­g-c­olu­mn-­pus­h($­col­umns)
make-l­g-c­olu­mn-­pul­l($­col­umns)
 

Buttons

button­-va­ria­nt(­$color, $backg­round, $border)
button­-si­ze(­$pa­ddi­ng-­ver­tical, $paddi­ng-­hor­izo­ntal, $font-­size, $line-­height, $borde­r-r­adius)
 

Misc

clearfix()
img-re­spo­nsi­ve(­$di­splay: block)
       
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Sass Functions Cheat Sheet
            Bootstrap Glyphicons Cheat Sheet by James Croft

          More Cheat Sheets by Lukas238

          LimeSurvery Cheat Sheet