// ++++++++++++++++ HOW TO USE ++++++++++++++++ Copy the included mixins and functions into _mixins.scss Say we want to have a custom grid size that applies at $screen-sm-min In _grid.scss find @media (min-width: $screen-sm-min) and add the following to the end // Custom Sizes @include calc-grid(8.5, sm, width); @include calc-grid(3.5, sm, width); @include make-grid-columns-float-custom(sm, "8r5"); @include make-grid-columns-float-custom(sm, "3r5");
This gives us a custom column size of 8.5 and 3.5 Notice the 8r5 and 3r5 in make-grid-columns-float-custom If we had used 8.5 and 3.5 instead the class name would become .col-sm-8.5 which would represent an element that contains both the class col-sm-8 and the seperate class 5. To avoid this I went with the aforementioned format. If you want a custom offset of 0.5 then you'd also add: @include calc-grid(0.5, sm, offset);