- Export css variable of content zIndex #21

- includes #20 in version release

Author: ssleptsov

CHANGELOG.md

@@ -0,0 +1,9 @@
+# Change Log
+
+
+## 1.2.0 (2022-04-21)
+
+- Clean up hotkeys on disconnect #20. Thanks to @excid3
+
+- Export css variable of content `zIndex` #21
+

README.md

@@ -249,7 +249,7 @@ If you need more style control, use any of the CSS variables below.
 |     --ninja-group-text-color  |  rgb(144, 149, 157);                               |
 |     --ninja-footer-background | rgba(242, 242, 242, 0.4);                          |
 | --ninja-placeholder-color | #8e8e8e |
-
+| --ninja-z-index | 1 |
 
 #### Example
 ```css

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ninja-keys",
-  "version": "1.1.12",
+  "version": "1.2.0",
   "description": "Ninja Keys",
   "main": "dist/ninja-keys.js",
   "module": "dist/ninja-keys.js",

src/base-styles.ts

@@ -31,6 +31,8 @@ export const baseStyles = css`
     --ninja-placeholder-color: #8e8e8e;
 
     font-size: var(--ninja-font-size);
+
+    --ninja-z-index: 1;
   }
 
   :host(.dark) {
@@ -59,7 +61,7 @@ export const baseStyles = css`
   .modal {
     display: none;
     position: fixed;
-    z-index: 1;
+    z-index: var(--ninja-z-index);
     left: 0;
     top: 0;
     width: 100%;