postcss-g-index
postcss library for z-index handling
g-index
a small collection of functions and mixins to handle your elements’ z-index
.
g-index
uses "G"eographical names to make it very clear where the element will be placed.
npm
npm install --save-dev postcss-g-index
bower
bower install postcss-g-index
Demo
The demo uses the SCSS version Beneath the sun
Names
'underground' 'sea' 'land' 'hill' = -3 = 0 = 3 = 6'mountain' 'cloud' 'moon' 'sun' = 9 = 12 = 15 = 18
Usage
input
.tooltip .dialog .dialog-backdrop
output
Custom levels
const gIndex =