@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); } }