A
A
Anna Kolchina2018-05-12 17:21:19
css
Anna Kolchina, 2018-05-12 17:21:19

What is wrong in mixin?

@mixin elevation($level) {
@if $level == 1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@else if $level == 2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@else if $level == 3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@else if $level == 4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
@else if $level == 5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
}
5af6f944e09e0044765006.png

Answer the question

In order to leave comments, you need to log in

1 answer(s)
I
iBird Rose, 2018-05-12
@iannkolchina

and what is wrong? https://jsfiddle.net/5z4ej7hw/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question