

# Shadows variables
To import, use @import ```node_modules/@teliads/components/foundations/shadows```

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

| name | Value |
| :--- | :----: |
|$telia-shadow-none | none |
|$telia-shadow-sm | dynamic-rem(0rem) dynamic-rem(0.1rem) dynamic-rem(0.4rem) rgba(0, 0, 0, 0.1) |
|$telia-shadow-md | dynamic-rem(0rem) dynamic-rem(0.4rem) dynamic-rem(1.2rem) rgba(0, 0, 0, 0.1) |
|$telia-shadow-lg | dynamic-rem(0rem) dynamic-rem(1.2rem) dynamic-rem(2.4rem) rgba(0, 0, 0, 0.1) |

