z-index scale

z-index.scss

// Copyright 2014 A Medium Corporation
//
// z-index.less
// Medium.com's z-index scale. Z-index values should always be defined in z-index.less. This
// allows us to at a glance determine relative layers of our application and prevents bugs
// arrising from arbitrary z-index values. Do not edit the z-index scale! Only add application
// scoped z-index values.


// Z-Index Scale (private vars)
// --------------------------------------------------
$z-index-1:   100;
$z-index-2:   200;
$z-index-3:   300;
$z-index-4:   400;
$z-index-5:   500;
$z-index-6:   600;
$z-index-7:   700;
$z-index-8:   800;
$z-index-9:   900;
$z-index-10: 1000;


// Z-Index Applications
// --------------------------------------------------
$z-index-1--screenForeground:        $z-index-1;
$z-index-1--followUpVisibility:      $z-index-1;
$z-index-1--prlWelcome:              $z-index-1;
$z-index-1--appImageDropdown:        $z-index-1;
$z-index-1--surfaceUnder:            $z-index-1;
$z-index-1--blockGroup:              $z-index-1;

$z-index-2--surfaceOver:             $z-index-2;
$z-index-2--imagePickerControl:      $z-index-2;
$z-index-2--collectionCardButton:    $z-index-2;
$z-index-2--blockGroupButtonGroup:   $z-index-2;
$z-index-2--blockGroupFocused:       $z-index-2;
$z-index-2--blockGroupOverlay:       $z-index-2;

$z-index-3--caption:                 $z-index-3;
$z-index-3--blockInsertControl:      $z-index-3;

$z-index-5--figureOverlay:           $z-index-5;
$z-index-5--highlightMenu:           $z-index-5;
$z-index-5--metabar:                 $z-index-5;
$z-index-5--profileAvatar:           $z-index-5;
$z-index-5--noteRecommendations:     $z-index-5;
$z-index-5--collectionLogo:          $z-index-5;

$z-index-6--matterLogo:              $z-index-6;
$z-index-6--editorSidebar:           $z-index-6;
$z-index-6--navOverlay:              $z-index-6;

$z-index-7--nav:                     $z-index-7;

$z-index-8--transitioningContainer:  $z-index-8;
$z-index-8--panel:                   $z-index-8;
$z-index-8--butterBar:               $z-index-8;
$z-index-8--loadingBar:              $z-index-8;
$z-index-8--zoomOverlay:             $z-index-8;

$z-index-9--zoomOverlayTarget:       $z-index-9;
$z-index-9--navOverlayTouch:         $z-index-9;
$z-index-9--overlay:                 $z-index-9;
$z-index-9--dialog:                  $z-index-9;
$z-index-9--tooltip:                 $z-index-9;

$z-index-10--dev:                    $z-index-10;


// Z-Index Mobile-Notes
// --------------------------------------------------
$z-index-5--mobileNotesOverlay:    $z-index-5;
$z-index-6--mobileNotesHighlight:  $z-index-6;
$z-index-7--mobileNotesContainer:  $z-index-7;
$z-index-8--mobileNotesDismiss:    $z-index-8;