Z-index
Defines the order of elements along the z-axis.
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" />