@citizensadvice/z-index

Defines the order of elements along the z-axis.

Usage no npm install needed!

<script type="module">
  import citizensadviceZIndex from 'https://cdn.skypack.dev/@citizensadvice/z-index';
</script>

README

Z-indexnpm (scoped)

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" />