fix #1 updated light theme not working css, and added demo gif of too…

…ltip in readme and demo codesanbox link

.npmignore

@@ -1,3 +1,4 @@
-./styles.css
-./dist/index.min.js
-/.github
+/styles.css
+/dist/index.min.js
+/github
+/static

README.md

@@ -10,6 +10,8 @@ A very lightweight tooltip utitlity library, made using only `CSS` with dynamic
 ![Css language share](https://img.shields.io/github/languages/top/thoughtlessmind/css-only-tooltip)
 
 
+![Alt Text](./static/tooltipDemo.gif)
+
 ## Insatallation
 - Using npm  
 		`$ npm install css-only-tooltip`  
@@ -28,6 +30,7 @@ A very lightweight tooltip utitlity library, made using only `CSS` with dynamic
 	<link rel="stylesheet" href="https://unpkg.com/css-only-tooltip@latest/dist/styles.min.css">
 	```
 
+
 ## Quick start
 `css-only-tooltip` uses only `data` html attribute for working. So, the only step is to import the `CSS`  in your file and use it.
 
@@ -96,3 +99,5 @@ Thre are some optional customization options are available.
      Dakr tooltip on right side
   </span>
   ```
+_Play with it live:-_  
+[![Edit css-only-tooltip-Demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vigilant-nobel-d5qrn?fontsize=14&hidenavigation=1&theme=dark)

styles.css

@@ -58,7 +58,7 @@
 }
 
 /* ----- Light -----*/
-[data-css-only-tooltip-props~="dark"]::after {
+[data-css-only-tooltip-props~="light"]::after {
   background-color: #fff;
   color: #222;
 }