Colour Test Mixin

color-test.scss

@mixin colour-test($color: #ff0099, $index: 1, $offset: 0) {
  .box-#{$index} {
    background-color: $color;
    display: block;
    height: 150px;
    width: 150px;
    top: 50px;
    left: 400px + ($offset*180px);
    position: fixed;
    z-index: 10000;
    &:before {
      color: #000;
      content: "Box-#{$index} | #{$color}";
    }
  }
}