Instructor: We have two buttons. One is written using SASS, and the other one is SCSS and JS. Let's have a look at this box-shadow and mixin.
This mixin accepts a variable amount of shadows. You can pass just one shadow, or you can pass two, same like the native implementation of box-shadow in CSS.
Let's have a look at the mixin itself. Here is the box-shadow mixin. We use here a SASS feature, which is called variable arguments. It allows us to just name one argument without knowing how many of them will be passed.
Here we have our SCSS rule. Here are the box-shadow function/mixin call. Same like in SASS, we can pass one argument, two arguments, or basically an unlimited amount of arguments.
Let's have a look at the mixin implementation itself. Here, we have our mixin function declaration. We assign this function to a box-shadow constant. We export this constant. Then we declare the function.
In our case, the result of a coercion is a string where red and green is comma-separated.