// vertical spacer utility classes
.spacer-row-1 {
  height: @padding-large-vertical;
}
.spacer-row-2 {
  height: (@padding-large-vertical * 2);
}
.spacer-row-3 {
  height: (@padding-large-vertical * 3);
}
.spacer-row-4 {
  height: (@padding-large-vertical * 4);
}
.spacer-row-5 {
  height: (@padding-large-vertical * 5);
}
.spacer-row-6 {
  height: (@padding-large-vertical * 6);
}
.spacer-row-7 {
  height: (@padding-large-vertical * 7);
}
.spacer-row-8 {
  height: (@padding-large-vertical * 8);
}
.spacer-row-9 {
  height: (@padding-large-vertical * 9);
}
.spacer-row-10 {
  height: (@padding-large-vertical * 10);
}

// Classes to easily set z-index
.z-indexable {
  &.z-0 {
    z-index: 0
  }
  &.z-1 {
    z-index: 1
  }
  &.z-2 {
    z-index: 2
  }
  &.z-10 {
    z-index: 10
  }
  &.z-100 {
    z-index: 100
  }
  &.z-250 {
    z-index: 250
  }
  &.z-500 {
    z-index: 500
  }
  &.z-1000 {
    z-index: 1000
  }
}