List z-index values

index.js

const postcss = require('postcss')

module.exports = postcss.plugin('postcss-zindex', (options) => {
  return (css) => {
    let nodes = []

    // TODO: Some options?

    // Get all z-index declarations
    css.walkDecls('z-index', (decl, i) => {
      nodes.push({
        selector: decl.parent.selector,
        value: parseInt(decl.value)
      })
    })

    // Sort them by weight
    nodes.sort((a, b) => {
      if (a.value < b.value) {
        return 1
      }
      if (a.value > b.value) {
        return -1
      }

      return 0
    })

    // Log them
    nodes.forEach(node => {
      console.log(node.selector + '  ' + node.value)
    })
  }
})

Example output:

.Head 9999
.Menu 123
.Foo .Foo-item 99
.Bar 1
.Thing -1

Awesome! I like it 👍