Add default colors

convoo · Dec 22, 2016 · 6b8a898 · 6b8a898
1 parent c37416d
commit 6b8a898
Show file tree

Hide file tree

Showing 14 changed files with 101 additions and 14 deletions.
diff --git a/behance-link.html b/behance-link.html
@@ -54,7 +54,13 @@
     is: 'behance-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+
+    properties: {
+        color: {
+            value: "#1769ff"
+        }
+    }
 
     });
 </script>

diff --git a/convoo-link.html b/convoo-link.html
@@ -53,7 +53,12 @@
     is: 'convoo-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#b03142"
+        }
+    }
 
 
     });

diff --git a/demo/index.html b/demo/index.html
@@ -37,7 +37,7 @@
   <body>
     <div class="horizontal-section-container centered">
 
-      <h3>Minimal social-links demo</h3>
+      <h3>Minimal social-link demo</h3>
       <demo-snippet>
         <template>
             <div class="container">
@@ -58,6 +58,27 @@ <h3>Minimal social-links demo</h3>
         </template>
       </demo-snippet>
 
+      <h3>Default colors social-links demo</h3>
+      <demo-snippet>
+        <template>
+            <div class="container">
+                <twitter-link href="https://www.twitter.com/@bkawk" height="15px"></twitter-link>
+                <vimeo-link href="https://www.vimeo.com/@bkawk" height="15px"></vimeo-link>
+                <skype-link href="https://www.skype.com/@bkawk" height="15px"></skype-link>
+                <youtube-link href="https://www.youtube.com/@bkawk" height="15px"></youtube-link>
+                <linkedin-link href="https://www.linkedin.com/@bkawk" height="15px"></linkedin-link>
+                <behance-link href="https://www.behance.com/@bkawk" height="15px"></behance-link>
+                <pinterest-link href="https://www.pinterest.com/@bkawk" height="15px"></pinterest-link>
+                <facebook-link href="https://www.facebook.com/@bkawk" height="15px"></facebook-link>
+                <convoo-link href="https://www.convoo.me/@bkawk" height="15px"></convoo-link>
+                <snapchat-link href="https://www.snapchat.com/@bkawk" height="15px"></snapchat-link>
+                <github-link href="https://www.github.com/@bkawk" height="15px"></github-link>
+                <instagram-link href="https://www.instagram.com/@bkawk" height="15px"></instagram-link>
+                <dribbble-link href="https://www.dribbble.com/@bkawk" height="15px"></dribbble-link>
+            </div>
+        </template>
+      </demo-snippet>
+
       <h3>Minimal social-links demo</h3>
       <demo-snippet>
         <template>

diff --git a/dribbble-link.html b/dribbble-link.html
@@ -54,7 +54,12 @@
 
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#444444"
+        }
+    }
 
 
     });

diff --git a/facebook-link.html b/facebook-link.html
@@ -53,7 +53,12 @@
     is: 'facebook-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#3b5998"
+        }
+    }
 
 
     });

diff --git a/github-link.html b/github-link.html
@@ -53,7 +53,12 @@
     is: 'github-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#333"
+        }
+    }
 
 
     });

diff --git a/instagram-link.html b/instagram-link.html
@@ -54,7 +54,12 @@
     is: 'instagram-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "black"
+        }
+    }
 
 
     });

diff --git a/linkedin-link.html b/linkedin-link.html
@@ -52,7 +52,12 @@
     is: 'linkedin-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#0077b5"
+        }
+    }
 
     });
 </script>

diff --git a/pinterest-link.html b/pinterest-link.html
@@ -55,7 +55,12 @@
     is: 'pinterest-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#bd081c"
+        }
+    }
 
     });
 </script>

diff --git a/skype-link.html b/skype-link.html
@@ -54,7 +54,12 @@
     is: 'skype-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#00aff0"
+        }
+    }
 
     });
 </script>

diff --git a/snapchat-link.html b/snapchat-link.html
@@ -53,7 +53,12 @@
     is: 'snapchat-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#fffc00"
+        }
+    }
 
 
     });

diff --git a/twitter-link.html b/twitter-link.html
@@ -52,7 +52,12 @@
     is: 'twitter-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#1da1f2"
+        }
+    }
 
 
     });

diff --git a/vimeo-link.html b/vimeo-link.html
@@ -54,7 +54,12 @@
     is: 'vimeo-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#1ab7ea"
+        }
+    }
 
 
     });

diff --git a/youtube-link.html b/youtube-link.html
@@ -53,7 +53,12 @@
     is: 'youtube-link',
     behaviors: [
         SocialLinkBehavior
-    ]
+    ],
+    properties: {
+        color: {
+            value: "#cd201f"
+        }
+    }
 
 
     });