z-index tokens
nathanyoung opened this issue · comments
create global set of z-index tokens to be used for things like
- modals
- overlays
- popover menus (e.g. calendars, button dropdown menu)
Currently used by logistics app: https://github.com/palmetto/logistics-platform/blob/master/packages/app/src/styles/functions.scss
@nathanyoung I think it is safe to say that since logistics-app uses bootstrap they are also defaulting to these under the hood. Not saying we need to follow-suit, just something to keep in mind.
Bootstrap uses two z-index scales. One for elements within a component, which is 0 - 3, and another for "overlays" which is detailed here: https://getbootstrap.com/docs/4.0/layout/overview/#z-index