Is there a way to generate multiple values for a single property in CSS?
background-image:
radial-gradient(circle, $primary 10%, transparent 10%),
radial-gradient(circle, $primary 10%, transparent 10%),
radial-gradient(circle, $primary 10%, transparent 10%),
radial-gradient(circle, $primary 10%, transparent 10%);
I attempted to accomplish this using the following code:
background-image:
@for $i from 1 to 5 {
radial-gradient(circle, $primary 10%, transparent 10%),
}
Unfortunately, my solution did not work. Any suggestions or assistance would be greatly appreciated!