Skip to content

Solve your z-index: 999 problems: JavaScript zIndex defaults

License

Notifications You must be signed in to change notification settings

antoniobrandao/app-levels

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

app-levels

Solve your z-index: 999 problems: A set of zIndex defaults.

Install

With npm do:

$ npm install app-levels --save-dev

or

$ yarn add app-levels

Usage

In Javascript

import appLevels from 'app-levels'
<div style={{ zIndex: appLevels.LEVEL_POPUP}}></div>

In SASS

import '../node_modules/app-levels/index.sass'

.my-popup {
  z-index: $LEVEL_POPUP
}

Available levels:

LEVEL_SUPPORT_OVERLAY: 60
LEVEL_ALERT: 50
LEVEL_POPUP: 40
LEVEL_NAV_MOBILE: 30
LEVEL_NAV: 20
LEVEL_OVERLAYS: 10
LEVEL_BASE: 0
LEVEL_BACKGROUND: -10

License

MIT

About

Solve your z-index: 999 problems: JavaScript zIndex defaults

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published