_word-cloud.scss

.word-cloud {
  @include clearfix;

  .keyword {
    @include transition(all 200ms);

    background: $black;
    color: $white;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    line-height: 1.3;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    @for $i from 0 through 100 {
      &.weight-#{$i} {
        @if $i > 10 {
          opacity: $i / 100;
        } @else {
          opacity: .1;
        }

        &:hover {
          opacity: 1;
        }
      }
    }

  }
}