Configuration
For Sass users, Frag can be customised and configured by altering core variables. These variables should be set before you import Frag. E.g:
$frag-column-count: 12;
@import "vendor/frag/lib/frag";Available Configurations
| Name | Description | Default |
|---|---|---|
| $frag-max-width | The maximum width a grid should stretch to (px) | 1200px |
| $frag-oldie-width | The fixed width of the grid in IE 6–7 (px) | 980px |
| $frag-break-tablet | The screen width at which the grid switches to tablet format (px) | 1000px |
| $frag-break-mobile | The screen width at which the grid switches to mobile format (px) | 640px |
| $frag-column-count | The number of columns the grid has (num) | 12 |
| $frag-gutter-width |
The width of column gutters (px). This is set either side of each column |
20px |
| $frag-oldie-support |
Whether to output styles for IE 6–7 (bool). If you don't need to support IE 6–7, this reduces output |
true |
