SASS helper for adding opacity classes

_opacity-helpers.scss

// Base opacity to start with
$base: 0;

@while $base < 1 {
  $base: $base + 0.05;
  .o-#{$base * 100} {
    opacity: #{$base};
  }
}

style.css

// Auto generated CSS from above script

.o-5 {
  opacity: 0.05;
}

.o-10 {
  opacity: 0.1;
}

.o-15 {
  opacity: 0.15;
}

.o-20 {
  opacity: 0.2;
}

.o-25 {
  opacity: 0.25;
}

.o-30 {
  opacity: 0.3;
}

.o-35 {
  opacity: 0.35;
}

.o-40 {
  opacity: 0.4;
}

.o-45 {
  opacity: 0.45;
}

.o-50 {
  opacity: 0.5;
}

.o-55 {
  opacity: 0.55;
}

.o-60 {
  opacity: 0.6;
}

.o-65 {
  opacity: 0.65;
}

.o-70 {
  opacity: 0.7;
}

.o-75 {
  opacity: 0.75;
}

.o-80 {
  opacity: 0.8;
}

.o-85 {
  opacity: 0.85;
}

.o-90 {
  opacity: 0.9;
}

.o-95 {
  opacity: 0.95;
}

.o-100 {
  opacity: 1;
}