/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

// Z-Index

// Remember that z-index is relative to parent and based on the stacking context.
// z-indexes only compete against other z-indexes when they exist as children of
// that shared parent.

// That means a popover with a settings of 2, will still show above a modal
// with a setting of 100, if it is within that modal and not besides it.

// Generally that means it's a good idea to consider things added to this file
// as competitive only as siblings.

// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

$ouiZLevel0: 0;
$ouiZLevel1: 1000;
$ouiZLevel2: 2000;
$ouiZLevel3: 3000;
$ouiZLevel4: 4000;
$ouiZLevel5: 5000;
$ouiZLevel6: 6000;
$ouiZLevel7: 7000;
$ouiZLevel8: 8000;
$ouiZLevel9: 9000;

$ouiZToastList: $ouiZLevel9;
$ouiZModal: $ouiZLevel8;
$ouiZMask: $ouiZLevel6;
$ouiZNavigation: $ouiZLevel6;
$ouiZContentMenu: $ouiZLevel2;
$ouiZHeader: $ouiZLevel1;
$ouiZFlyout: $ouiZHeader;
$ouiZMaskBelowHeader: $ouiZHeader;
$ouiZContent: $ouiZLevel0;


/* OUI -> EUI Aliases */
$euiZLevel0: $ouiZLevel0;
$euiZLevel1: $ouiZLevel1;
$euiZLevel2: $ouiZLevel2;
$euiZLevel3: $ouiZLevel3;
$euiZLevel4: $ouiZLevel4;
$euiZLevel5: $ouiZLevel5;
$euiZLevel6: $ouiZLevel6;
$euiZLevel7: $ouiZLevel7;
$euiZLevel8: $ouiZLevel8;
$euiZLevel9: $ouiZLevel9;
$euiZToastList: $ouiZToastList;
$euiZModal: $ouiZModal;
$euiZMask: $ouiZMask;
$euiZNavigation: $ouiZNavigation;
$euiZContentMenu: $ouiZContentMenu;
$euiZHeader: $ouiZHeader;
$euiZFlyout: $ouiZFlyout;
$euiZMaskBelowHeader: $ouiZMaskBelowHeader;
$euiZContent: $ouiZContent;
/* End of Aliases */
