js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update z-index tokens

Browse Source
This commit is contained in:
Cory LaViska
2020-07-13 16:13:48 -04:00
parent 6e837ed2dd
commit db6c7ee2dd
2 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/tokens/z-index.md
View File

@@ -2,9 +2,9 @@
Z-indexes are used to stack components in a logical manner.
| Token | Value |
| --------------------------- | ----- |
| `--sl-z-index-default` | 1 |
| `--sl-z-index-panel` | 80 |
| `--sl-z-index-notification` | 90 |
| `--sl-z-index-dialog` | 100 |
| Token | Value |
| ---------------------------- | ----- |
| `--sl-z-index-drawer` | 700 |
| `--sl-z-index-dialog` | 800 |
| `--sl-z-index-dropdown` | 900 |
| `--sl-z-index-tooltip` | 1000 |

10
src/styles/shoelace.scss
View File

@@ -221,13 +221,9 @@
// Z-index
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--sl-z-index-default: 1;
--sl-z-index-panel: 80;
--sl-z-index-notification: 90;
--sl-z-index-overlay: 100;
--sl-z-index-drawer: 500;
--sl-z-index-dialog: 600;
--sl-z-index-dropdown: 800;
--sl-z-index-drawer: 700;
--sl-z-index-dialog: 800;
--sl-z-index-dropdown: 900;
--sl-z-index-tooltip: 1000;
}