24 lines
601 B
SCSS
24 lines
601 B
SCSS
|
@mixin shadow-low {
|
||
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.11),
|
||
|
|
0 2px 2px rgba(0,0,0,0.11),
|
||
|
|
0 4px 4px rgba(0,0,0,0.11),
|
||
|
|
0 6px 8px rgba(0,0,0,0.11),
|
||
|
|
0 8px 16px rgba(0,0,0,0.11);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin shadow-high {
|
||
|
|
box-shadow: 0 2px 1px rgba(0,0,0,0.09),
|
||
|
|
0 4px 2px rgba(0,0,0,0.09),
|
||
|
|
0 8px 4px rgba(0,0,0,0.09),
|
||
|
|
0 16px 8px rgba(0,0,0,0.09),
|
||
|
|
0 32px 16px rgba(0,0,0,0.09);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin shadow-soft {
|
||
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.07),
|
||
|
|
0 2px 4px rgba(0,0,0,0.07),
|
||
|
|
0 4px 8px rgba(0,0,0,0.07),
|
||
|
|
0 8px 16px rgba(0,0,0,0.07),
|
||
|
|
0 16px 32px rgba(0,0,0,0.07),
|
||
|
|
0 32px 64px rgba(0,0,0,0.07);
|
||
|
|
}
|