Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="ibm">IBM</div>

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$IBM:
'xxxxxxx xxxxxxxxxx   xxxxxx       xxxxxx\n\n' +
'xxxxxxx xxxxxxxxxxxx xxxxxxx     xxxxxxx\n\n' +
'  xxx     xxx    xxx   xxxxxx    xxxxx  \n\n' +
'  xxx     xxxxxxxxx    xxxxxxx xxxxxxx  \n\n' +
'  xxx     xxxxxxxxx    xxx xxxxxxx xxx  \n\n' +
'  xxx     xxx    xxx   xxx  xxxxx  xxx  \n\n' +
'xxxxxxx xxxxxxxxxxxx xxxxx   xxx   xxxxx\n\n' +
'xxxxxxx xxxxxxxxxx   xxxxx    x    xxxxx';

$ibm--color: rgb(86, 166, 251);

//////////////////////////////
// ART!
// Inspired by http://elrumordelaluz.github.io/Pixelator/
//////////////////////////////
@mixin art($art, $px-size: 1px, $color: red, $radius: 0%) {
  $build: ();
  $y: $px-size;
  $x: 0;

  height: $px-size;
  width: $px-size;
  border-radius: $radius;

  @for $i from 1 through str_length($art) {
    $char: str_slice($art, $i, $i);
    $x: $x + $px-size;

    @if $char == 'n' {
      $y: $y + $px-size;
      $x: 0;
    }
    @else if $char != ' ' {
      $border: $x $y 0 $color;
      $build: append($build, $border, comma);
    }
  }

  box-shadow: $build;
}

body {
  background: black;
}

.ibm {
  @include art($IBM, 5px, $ibm--color, 50%);

  color: transparent;
  transform: scale(2) translateX(-100px);
  margin: 0 auto;
}

SassMeister-output.css

body {
  background: black;
}

.ibm {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  box-shadow: 5px 5px 0 #56a6fb, 10px 5px 0 #56a6fb, 15px 5px 0 #56a6fb, 20px 5px 0 #56a6fb, 25px 5px 0 #56a6fb, 30px 5px 0 #56a6fb, 35px 5px 0 #56a6fb, 45px 5px 0 #56a6fb, 50px 5px 0 #56a6fb, 55px 5px 0 #56a6fb, 60px 5px 0 #56a6fb, 65px 5px 0 #56a6fb, 70px 5px 0 #56a6fb, 75px 5px 0 #56a6fb, 80px 5px 0 #56a6fb, 85px 5px 0 #56a6fb, 90px 5px 0 #56a6fb, 110px 5px 0 #56a6fb, 115px 5px 0 #56a6fb, 120px 5px 0 #56a6fb, 125px 5px 0 #56a6fb, 130px 5px 0 #56a6fb, 135px 5px 0 #56a6fb, 175px 5px 0 #56a6fb, 180px 5px 0 #56a6fb, 185px 5px 0 #56a6fb, 190px 5px 0 #56a6fb, 195px 5px 0 #56a6fb, 200px 5px 0 #56a6fb, 5px 15px 0 #56a6fb, 10px 15px 0 #56a6fb, 15px 15px 0 #56a6fb, 20px 15px 0 #56a6fb, 25px 15px 0 #56a6fb, 30px 15px 0 #56a6fb, 35px 15px 0 #56a6fb, 45px 15px 0 #56a6fb, 50px 15px 0 #56a6fb, 55px 15px 0 #56a6fb, 60px 15px 0 #56a6fb, 65px 15px 0 #56a6fb, 70px 15px 0 #56a6fb, 75px 15px 0 #56a6fb, 80px 15px 0 #56a6fb, 85px 15px 0 #56a6fb, 90px 15px 0 #56a6fb, 95px 15px 0 #56a6fb, 100px 15px 0 #56a6fb, 110px 15px 0 #56a6fb, 115px 15px 0 #56a6fb, 120px 15px 0 #56a6fb, 125px 15px 0 #56a6fb, 130px 15px 0 #56a6fb, 135px 15px 0 #56a6fb, 140px 15px 0 #56a6fb, 170px 15px 0 #56a6fb, 175px 15px 0 #56a6fb, 180px 15px 0 #56a6fb, 185px 15px 0 #56a6fb, 190px 15px 0 #56a6fb, 195px 15px 0 #56a6fb, 200px 15px 0 #56a6fb, 15px 25px 0 #56a6fb, 20px 25px 0 #56a6fb, 25px 25px 0 #56a6fb, 55px 25px 0 #56a6fb, 60px 25px 0 #56a6fb, 65px 25px 0 #56a6fb, 90px 25px 0 #56a6fb, 95px 25px 0 #56a6fb, 100px 25px 0 #56a6fb, 120px 25px 0 #56a6fb, 125px 25px 0 #56a6fb, 130px 25px 0 #56a6fb, 135px 25px 0 #56a6fb, 140px 25px 0 #56a6fb, 145px 25px 0 #56a6fb, 170px 25px 0 #56a6fb, 175px 25px 0 #56a6fb, 180px 25px 0 #56a6fb, 185px 25px 0 #56a6fb, 190px 25px 0 #56a6fb, 15px 35px 0 #56a6fb, 20px 35px 0 #56a6fb, 25px 35px 0 #56a6fb, 55px 35px 0 #56a6fb, 60px 35px 0 #56a6fb, 65px 35px 0 #56a6fb, 70px 35px 0 #56a6fb, 75px 35px 0 #56a6fb, 80px 35px 0 #56a6fb, 85px 35px 0 #56a6fb, 90px 35px 0 #56a6fb, 95px 35px 0 #56a6fb, 120px 35px 0 #56a6fb, 125px 35px 0 #56a6fb, 130px 35px 0 #56a6fb, 135px 35px 0 #56a6fb, 140px 35px 0 #56a6fb, 145px 35px 0 #56a6fb, 150px 35px 0 #56a6fb, 160px 35px 0 #56a6fb, 165px 35px 0 #56a6fb, 170px 35px 0 #56a6fb, 175px 35px 0 #56a6fb, 180px 35px 0 #56a6fb, 185px 35px 0 #56a6fb, 190px 35px 0 #56a6fb, 15px 45px 0 #56a6fb, 20px 45px 0 #56a6fb, 25px 45px 0 #56a6fb, 55px 45px 0 #56a6fb, 60px 45px 0 #56a6fb, 65px 45px 0 #56a6fb, 70px 45px 0 #56a6fb, 75px 45px 0 #56a6fb, 80px 45px 0 #56a6fb, 85px 45px 0 #56a6fb, 90px 45px 0 #56a6fb, 95px 45px 0 #56a6fb, 120px 45px 0 #56a6fb, 125px 45px 0 #56a6fb, 130px 45px 0 #56a6fb, 140px 45px 0 #56a6fb, 145px 45px 0 #56a6fb, 150px 45px 0 #56a6fb, 155px 45px 0 #56a6fb, 160px 45px 0 #56a6fb, 165px 45px 0 #56a6fb, 170px 45px 0 #56a6fb, 180px 45px 0 #56a6fb, 185px 45px 0 #56a6fb, 190px 45px 0 #56a6fb, 15px 55px 0 #56a6fb, 20px 55px 0 #56a6fb, 25px 55px 0 #56a6fb, 55px 55px 0 #56a6fb, 60px 55px 0 #56a6fb, 65px 55px 0 #56a6fb, 90px 55px 0 #56a6fb, 95px 55px 0 #56a6fb, 100px 55px 0 #56a6fb, 120px 55px 0 #56a6fb, 125px 55px 0 #56a6fb, 130px 55px 0 #56a6fb, 145px 55px 0 #56a6fb, 150px 55px 0 #56a6fb, 155px 55px 0 #56a6fb, 160px 55px 0 #56a6fb, 165px 55px 0 #56a6fb, 180px 55px 0 #56a6fb, 185px 55px 0 #56a6fb, 190px 55px 0 #56a6fb, 5px 65px 0 #56a6fb, 10px 65px 0 #56a6fb, 15px 65px 0 #56a6fb, 20px 65px 0 #56a6fb, 25px 65px 0 #56a6fb, 30px 65px 0 #56a6fb, 35px 65px 0 #56a6fb, 45px 65px 0 #56a6fb, 50px 65px 0 #56a6fb, 55px 65px 0 #56a6fb, 60px 65px 0 #56a6fb, 65px 65px 0 #56a6fb, 70px 65px 0 #56a6fb, 75px 65px 0 #56a6fb, 80px 65px 0 #56a6fb, 85px 65px 0 #56a6fb, 90px 65px 0 #56a6fb, 95px 65px 0 #56a6fb, 100px 65px 0 #56a6fb, 110px 65px 0 #56a6fb, 115px 65px 0 #56a6fb, 120px 65px 0 #56a6fb, 125px 65px 0 #56a6fb, 130px 65px 0 #56a6fb, 150px 65px 0 #56a6fb, 155px 65px 0 #56a6fb, 160px 65px 0 #56a6fb, 180px 65px 0 #56a6fb, 185px 65px 0 #56a6fb, 190px 65px 0 #56a6fb, 195px 65px 0 #56a6fb, 200px 65px 0 #56a6fb, 5px 75px 0 #56a6fb, 10px 75px 0 #56a6fb, 15px 75px 0 #56a6fb, 20px 75px 0 #56a6fb, 25px 75px 0 #56a6fb, 30px 75px 0 #56a6fb, 35px 75px 0 #56a6fb, 45px 75px 0 #56a6fb, 50px 75px 0 #56a6fb, 55px 75px 0 #56a6fb, 60px 75px 0 #56a6fb, 65px 75px 0 #56a6fb, 70px 75px 0 #56a6fb, 75px 75px 0 #56a6fb, 80px 75px 0 #56a6fb, 85px 75px 0 #56a6fb, 90px 75px 0 #56a6fb, 110px 75px 0 #56a6fb, 115px 75px 0 #56a6fb, 120px 75px 0 #56a6fb, 125px 75px 0 #56a6fb, 130px 75px 0 #56a6fb, 155px 75px 0 #56a6fb, 180px 75px 0 #56a6fb, 185px 75px 0 #56a6fb, 190px 75px 0 #56a6fb, 195px 75px 0 #56a6fb, 200px 75px 0 #56a6fb;
  color: transparent;
  transform: scale(2) translateX(-100px);
  margin: 0 auto;
}

SassMeister-rendered.html

<div class="ibm">IBM</div>