Instructor: 00:00 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.
00:07 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.
00:19 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.
00:42 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.
00:55 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.
01:48 In our case, the result of a coercion is a string where red and green is comma-separated.