z-index map system

z-indexes.scss

///* ========================================================================
//   #Z-INDEX
//   ======================================================================== */

$z-index-map: (
    'far-background': -20,
    'background': -10,
    'middle': 0,
    'forground': 10,
    'near-foreground': 20
);

.u-z-index--far-background    { z-index: map-get($z-index-map, 'far-background') !important; }
.u-z-index--background        { z-index: map-get($z-index-map, 'background') !important; }