@use "sass:color";
@mixin box-shadow($x: 0, $y: 0, $blur: 1px, $alpha: 1) {
$val: $x $y $blur rgba(0, 0, 0, $alpha);
-webkit-box-shadow: $val;
-moz-box-shadow: $val;
box-shadow: $val;
}
.box {
$base: #f938ab;
color: color.adjust($base, $saturation: 5%);
border-color: color.adjust($base, $lightness: 30%);
div {
@include box-shadow(0, 0, 5px, 0.4);
}
}