feat(style): add our z-index

Alwatr · Jul 17, 2023 · af5c97f · af5c97f
1 parent 74fc62b
commit af5c97f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -19,6 +19,7 @@
   "cSpell.words": [
     "alimd",
     "alwatr",
+    "bottomness",
     "calt",
     "chatbox",
     "checkmark",
@@ -48,6 +49,7 @@
     "Superfast",
     "tailwindcss",
     "tnum",
+    "topness",
     "tsbuildinfo",
     "typescale",
     "vazirmatn",

diff --git a/ui/style/lib/tailwind.ts b/ui/style/lib/tailwind.ts
@@ -1,5 +1,6 @@
 import {colorTheme} from './colors.js';
 import {typographyTheme} from './typography.js';
+import {zIndex} from './z-index.js';
 
 import type {Config} from 'tailwindcss';
 
@@ -10,6 +11,7 @@ export const tailwindConfig: Config = {
     extend: {
       ...colorTheme,
       ...typographyTheme,
+      ...zIndex,
     },
     plugins: [],
   },

diff --git a/ui/style/lib/z-index.ts b/ui/style/lib/z-index.ts
@@ -0,0 +1,19 @@
+import {Config} from 'tailwindcss';
+
+export const zIndex: Config['theme'] = {
+  zIndex: {
+    'bottomness': '-900',
+    'below': '-1',
+    'default': '1',
+    'above': '2',
+    'dropdown': '100',
+    'sticky': '200',
+    'fixed': '300',
+    'backdrop': '400',
+    'modal': '500',
+    'popover': '600',
+    'snackbar': '700',
+    'tooltip': '800',
+    'topness': '900',
+  },
+};