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)
       

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

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

            Bootstrap Glyphicons Cheat Sheet by James Croft

          More Cheat Sheets by Lukas238

          LimeSurvery Cheat Sheet