@citizensadvice/z-index

Z-index

Defines the order of elements along the z-axis.

• Classes
• Examples
• Installation

Classes

.z-index-0 {
  z-index: $z-index-0;
}
.z-index-100 {
  z-index: $z-index-100;
}
.z-index-200 {
  z-index: $z-index-200;
}
.z-index-300 {
  z-index: $z-index-300;
}
.z-index-400 {
  z-index: $z-index-400;
}
.z-index-500 {
  z-index: $z-index-500;
}
.z-index-inherit {
  z-index: $z-index-inherit;
}
.z-index-initial {
  z-index: $z-index-initial;
}
.z-index-unset {
  z-index: $z-index-unset;
}

Installation

$ npm install @citizensadvice/z-index

now import into your stylesheet...

@import '@citizensadvice/z-index/index.scss';

You can make use of the unpkg service, try adding the link below to the head of your HTML file.

<link src="https://unpkg.com/@citizensadvice/z-index@latest/build/z-index.css" />