Updating demo and bower.json

httpstersk · Aug 7, 2016 · dd55c54 · dd55c54
1 parent 60ca9c6
commit dd55c54
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 21 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "social-media-icons",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "homepage": "https://github.com/hejty/social-media-icons",
   "authors": [
     "Lubos Belak"
@@ -23,6 +23,6 @@
     "tests"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "^1.6.1"
   }
 }
diff --git a/demo.html b/demo.html
@@ -8,6 +8,16 @@
 	<script src="../webcomponentsjs/webcomponents.min.js"></script>
 	<link rel="import" href="social-media-icons.html">
 
+	<style is="custom-style">
+		social-media-icons {
+			--social-media-icons-hover-color: black;
+		}
+
+		social-media-icons[icon="github"] {
+			--social-media-icons-hover-color: tomato;
+		}
+	</style>
+
 </head>
 
 <body unresolved>
@@ -16,25 +26,24 @@
 		<social-media-icons icon="github" color="#bada55" size="320" title="@hejty GitHub Profile"></social-media-icons>
 	</a>
 
-	<h2>Icons</h2>
-	<social-media-icons icon="dribbble"></social-media-icons>
-	<social-media-icons icon="facebook"></social-media-icons>
-	<social-media-icons icon="github"></social-media-icons>
-	<social-media-icons icon="googleplus"></social-media-icons>
-	<social-media-icons icon="instagram"></social-media-icons>
-	<social-media-icons icon="lastfm"></social-media-icons>
-	<social-media-icons icon="linkedin"></social-media-icons>
-	<social-media-icons icon="medium"></social-media-icons>
-	<social-media-icons icon="quora"></social-media-icons>
-	<social-media-icons icon="pinterest"></social-media-icons>
-	<social-media-icons icon="skype"></social-media-icons>
-	<social-media-icons icon="spotify"></social-media-icons>
-	<social-media-icons icon="stumbleupon"></social-media-icons>
-	<social-media-icons icon="tumblr"></social-media-icons>
-	<social-media-icons icon="twitter"></social-media-icons>
-	<social-media-icons icon="youtube"></social-media-icons>
-	<social-media-icons icon="vimeo"></social-media-icons>
-	<social-media-icons icon="vine"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="dribbble"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="facebook"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="github"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="googleplus"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="instagram"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="lastfm"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="linkedin"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="medium"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="quora"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="pinterest"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="skype"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="spotify"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="stumbleupon"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="tumblr"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="twitter"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="youtube"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="vimeo"></social-media-icons>
+	<social-media-icons color="darkgrey" icon="vine"></social-media-icons>
 
 </body>