SCSS
@mixin shadow ($length, $color-one, $color-two) {
$string:"";
@for $i from 0 through $length {
$string: $string + "#{-$i}px #{$i+1}px #{$color-one},";
$string: $string + "-#{$i+1}px #{$i}px #{$color-two}";
@if $i != $length {
$string: $string + ",";
}
}
text-shadow:#{$string};
}
body {
height: 100%;
width: 100%;
margin: 0;
display: flex;
justify-content: center;
background-color: #333;
}
h1 {
font-size: 8rem;
display: block;
text-transform: uppercase;
letter-spacing: 12px;
font-family:"Raleway", sans-serif;
font-weight: 800;
}
.text-shadow {
color: #C8D9DB;
@include shadow(15, #E55C5C, #42777C);
margin-top: 230px;
}
