Upload v1.0.2a

README.md

@@ -27,6 +27,7 @@ ___
 - **v1.0.2**
   - ![alt text][new] Original stylus source files - *Implemented.*
   - ![alt text][new] Folder structure - *Modified.*
+  - ![alt text][new] Larger zIndex and Option to set it - *Implemented.*
   - ![alt text][bug] Flip animation - *Fixed.*
   - ![alt text][bug] Wrong positioning of internal elements - *Fixed.*
 
@@ -61,6 +62,7 @@ iziToast.show({
     iconColor: '',
     image: '',
     imageWidth: 50,
+    zindex: 99999,
     layout: 1,
     balloon: false,
     close: true,
@@ -95,6 +97,7 @@ Argument | Default Value | Description
 **iconColor** | *''* | Icon color.
 **image** | *''* | Cover image.
 **imageWidth** | *50* | Width of cover image.
+**zindex** | *99999* | The z-index CSS attribute of the toast.
 **layout** | *1* | It can be 1 or 2, or use another layout, creating the class like this: ".iziToast-layout3"
 **balloon** | *false* | Applies a balloon like toast.
 **close** | *true* | Show "x" close button

dist/css/iziToast.css

@@ -192,7 +192,6 @@
 }
 .iziToast-wrapper {
   position: fixed;
-  z-index: 999;
   width: 100%;
   pointer-events: none;
   display: flex;

dist/js/iziToast.js

@@ -36,6 +36,7 @@
 		iconColor: '',
 		image: '',
 		imageWidth: 50,
+		zindex: 99999,
 		layout: 1,
 		balloon: false,
 		close: true,
@@ -453,6 +454,12 @@
 			$toast.appendChild($cover);
 		}
 
+		if (!isNaN(settings.zindex)) {
+			$toast.style.zIndex = settings.zindex;
+		} else {
+			console.warn("["+PLUGIN_NAME+"] Invalid zIndex.");
+		}
+
 		var $buttonClose;
 		if(settings.close){
 			$buttonClose = document.createElement("button");

package.json

@@ -1,6 +1,6 @@
 {
   "name": "izitoast",
-  "version": "1.0.2",
+  "version": "1.0.2a",
   "description": "Elegant, responsive, flexible and lightweight notification plugin with no dependencies.",
   "readmeFilename": "README.md",
   "main": "js/iziToast.js",

src/css/toast.styl

@@ -183,7 +183,6 @@
 
 .iziToast-wrapper
   position fixed
-  z-index 999
   width 100%
   pointer-events none
   display flex