UNPKG

@fifteen/design-system-vue

Version:

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

fifteen.eu

birotaio/fifteen-design-system-vue

30 lines (22 loc) • 715 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/** * Elevations */ elevation-transition() merge-transition box-shadow $elevation-duration var(--transition--ease-out), background-color $elevation-duration var(--transition--ease-out) merge-will-change box-shadow, background-color elevation-light($z) if ($z == 'inset') box-shadow $shadow-inset-light else if ($z == 0) box-shadow none else box-shadow $shadow-umbra-light[$z - 1], $shadow-penumbra-light[$z - 1] elevation($z) if ($z == 'inset') box-shadow $shadow-inset-dark else if ($z == 0) box-shadow none else if ($z == 1) box-shadow $shadow-umbra-dark[0], $shadow-penumbra-dark[0] else box-shadow $shadow-umbra-dark[$z - 1], $shadow-penumbra-dark[$z - 1]