* { margin: 0; padding: 0; }

    .color-block {
      display: block;
      float: left;
      padding-top: 5%;
      width: 5%;
      position: relative;
    }

    .bullet {
      display: block;
      background-color: #eee;
      transition: transform 440ms ease-in-out, background-color 220ms ease-in-out;
      border-radius: 10px;
      height: 14px;
      width: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -7px 0 0 -7px;
      
      &.is-active {
        transform: scale(1.25);
      }
    }