

# Grid variables
To import, use @import ```node_modules/@teliads/components/foundations/grid```

 > **dynamic-rem** is a sass function which makes rem available to be used with 10px and 16px rems

| name | Value |
| :--- | :----: |
|$gutter | dynamic-rem(1.6rem) |
|$gutter-medium | dynamic-rem(2.4rem) |
|$gutter-large | dynamic-rem(2.4rem) |
|$page-padding | dynamic-rem(1.6rem) |
|$page-padding-m | dynamic-rem(2.4rem) |
|$page-padding-l | dynamic-rem(4.8rem) |
|$page-padding-xl | dynamic-rem(4.8rem) |

