Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="bokehs"></div>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@function randomBokeh($size: 100, $spread: 3) {
  $randomColor: rgba(random()*255, random()*255, random()*255, random());
  $singleBokeh: radial-gradient(random()*$size+px at random()*$size*$spread+px random()*$size*$spread+px, $randomColor, $randomColor 96%, transparent);
  @return $singleBokeh;
}

@function gimmeBokehs($howMany: 10, $size: 100, $spread: 3) {
  $bgList: ();
  @for $i from 1 through $howMany { 
    $bgList: append($bgList, randomBokeh($size, $spread), comma);
  }
  @return $bgList;
}

.bokehs {
  width: 100%;
  height: 400px;
  background: gimmeBokehs(10, 50, 6)
}

SassMeister-output.css

.bokehs {
  width: 100%;
  height: 400px;
  background: radial-gradient(32.88556px at 30.29706px 221.1466px, rgba(225, 68, 148, 0.39997), rgba(225, 68, 148, 0.39997) 96%, rgba(0, 0, 0, 0)), radial-gradient(48.09654px at 200.66624px 256.54169px, rgba(91, 217, 1, 0.57413), rgba(91, 217, 1, 0.57413) 96%, rgba(0, 0, 0, 0)), radial-gradient(23.33995px at 194.99181px 160.50317px, rgba(81, 210, 65, 0.53912), rgba(81, 210, 65, 0.53912) 96%, rgba(0, 0, 0, 0)), radial-gradient(13.17585px at 114.10381px 257.36941px, rgba(191, 45, 67, 0.56196), rgba(191, 45, 67, 0.56196) 96%, rgba(0, 0, 0, 0)), radial-gradient(17.73277px at 221.56392px 216.07612px, rgba(217, 70, 206, 0.07293), rgba(217, 70, 206, 0.07293) 96%, rgba(0, 0, 0, 0)), radial-gradient(44.58644px at 12.92745px 108.15834px, rgba(35, 58, 144, 0.68593), rgba(35, 58, 144, 0.68593) 96%, rgba(0, 0, 0, 0)), radial-gradient(21.48993px at 277.13358px 102.12079px, rgba(111, 218, 195, 0.9981), rgba(111, 218, 195, 0.9981) 96%, rgba(0, 0, 0, 0)), radial-gradient(22.87687px at 197.65101px 126.88885px, rgba(242, 17, 145, 0.18892), rgba(242, 17, 145, 0.18892) 96%, rgba(0, 0, 0, 0)), radial-gradient(15.09908px at 272.5635px 224.06023px, rgba(104, 146, 132, 0.20106), rgba(104, 146, 132, 0.20106) 96%, rgba(0, 0, 0, 0)), radial-gradient(3.73218px at 47.00956px 162.31482px, rgba(25, 85, 122, 0.30083), rgba(25, 85, 122, 0.30083) 96%, rgba(0, 0, 0, 0));
}

SassMeister-rendered.html

<div class="bokehs"></div>