A Simple SASS Grid

Download

Github / Download (.zip)

Documentation

Getting Started

Importing the grid:

import "grid.scss"

Configure your grid:

$global: 100%;
$col: 6.5%;
$gut: 2%;
$grid-columns: 12;
$max-width: 1200px;
$bp-large: 1200px;
$bp-medium: 769px;
$bp-small: 420px;

Mixins

Examples

Grid Example

3

9

Grid

12

1

11

2

10

3

9

4

8

5

7

6

6

7

5

8

4

9

3

10

2

11

1

12

No Stack

4

4

4

Flow Oppersite

2

10

Offset

11

10

9

8

7

6

5

4

3

2

1

Github

View source code over at github

Github

Zip

Downlaod the souce code in a .zip file

Download