const zIndex: { select: { list: { value: "{zIndex.popup}"; }; }; modal: { overlay: { value: "{zIndex.scrim}"; }; dialog: { value: "{zIndex.floating}"; }; }; base: { value: 0; unit: "none"; }; raised: { value: 1; unit: "none"; }; popup: { value: 200; unit: "none"; }; scrim: { value: 400; unit: "none"; }; floating: { value: 500; unit: "none"; }; };
select
list
value
"{zIndex.popup}"
select.list
select.list.value
modal
overlay
"{zIndex.scrim}"
dialog
"{zIndex.floating}"
modal.overlay
modal.overlay.value
modal.dialog
modal.dialog.value
base
0
unit
"none"
base.value
base.unit
raised
1
raised.value
raised.unit
popup
200
popup.value
popup.unit
scrim
400
scrim.value
scrim.unit
floating
500
floating.value
floating.unit
Was this page helpful?