# Grid

This foundation is a core of Grid components. Functionality has been exposed as a foundation, to make possible use of grid system with own DOM. Please use Grid components as a default approach.

## Grid

```css
@include telia-grid;
```

## Row

```css
@include telia-row;
```

## Column

### Default

```css
@include telia-col($noOfCols);
```

| $noOfCols |                                                      |
| -------- | ---------------------------------------------------- |
| [1 - 12] | Width of column. Valid value is number between 1- 12 |

### Column size from MD breakpoint

```css
@include telia-col-md($noOfCols);
```

| $noOfCols |                                                      |
| -------- | ---------------------------------------------------- |
| [1 - 12] | Width of column. Valid value is number between 1- 12 |

### Column size from LG breakpoint

```css
@include telia-col-lg($noOfCols);
```

| $noOfCols |                                                      |
| -------- | ---------------------------------------------------- |
| [1 - 12] | Width of column. Valid value is number between 1- 12 |

### Hide column up from this breakpoint

```css
@include telia-grid-hide-up($breakpoint);
```

| $breakpoint |
| ---------- |
| sm         |
| md         |
| lg         |

### Hide column down from this breakpoint

```css
@include telia-grid-hide-down($breakpoint);
```

| $breakpoint |
| ---------- | 
| sm         | 
| md         | 
