I do not understand the Reusable CSS with mixins lesson

HTML-CSS
2

Hello @codeofdreams,

So, let’s take a look back at the instructions

image
image493×576 24.5 KB

You were trying to type a lot of the same properties, but just for accesibility, So using SASS, you can make it into a variable (essentially). Using the @mixin then the name of the variable. Then specify that it takes a parameters. Then Apply it to the functions. Here’s an example:

@mixin box-shadow($x, $y, $blur, $c) {
  -webkit-box-shadow: $x $u $blur $c;
  -moz-box-shadow: $x $u $blur $c;
  -ms-box-shadow: $x $u $blur $c;
  box-shadow: $x $u $blur $c;
}