Show Menu
Cheatography
  1. Home >
  2. Programming >

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)
       
 

Metadata

  • Languages:
  • Published: 27th May, 2015
  • Last Updated: 12th May, 2016

Favourited By

seidkarl Lukas238

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