SCSS
$line-width: 1;
$line-width-rem: $line-width * 1rem;
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: $line-width-rem - 0.2;
background: hsl(0,80,50);
}
html {
font-size: 1vw;
}
$line-count: 100 / $line-width - 1;
$shadow: ();
@for $b from 1 through $line-count {
$color: hsl($b/$line-count*360, 80, 50);
$shadow: append(
$shadow,
($line-width-rem * $b) 0px 0px 0px $color,
comma
);
}
body {
background: black;
&::after {
box-shadow: $shadow;
}
}
