1 files changed, 65 insertions, 0 deletions
diff --git a/addons/website/static/src/snippets/s_share/000.scss b/addons/website/static/src/snippets/s_share/000.scss
new file mode 100644
index 00000000..85ab9edd
--- /dev/null
+++ b/addons/website/static/src/snippets/s_share/000.scss
@@ -0,0 +1,65 @@
+
+.s_share {
+    > * {
+        display: inline-block;
+        vertical-align: middle;
+    }
+    .s_share_title {
+        margin: 0 .4rem 0 0;
+    }
+    a {
+        i.fa {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        margin: .2rem;
+    }
+    &:not(.no_icon_color) {
+        .s_share_facebook {
+            &, &:hover, &:focus {
+                @extend .text-facebook;
+            }
+        }
+        .s_share_twitter {
+            &, &:hover, &:focus {
+                @extend .text-twitter;
+            }
+        }
+        .s_share_linkedin {
+            &, &:hover, &:focus {
+                @extend .text-linkedin;
+            }
+        }
+        .s_share_google {
+            &, &:hover, &:focus {
+                @extend .text-google-plus;
+            }
+        }
+        .s_share_whatsapp {
+            &, &:hover, &:focus {
+                @extend .text-whatsapp;
+            }
+        }
+        .s_share_pinterest {
+            &, &:hover, &:focus {
+                @extend .text-pinterest;
+            }
+        }
+        .s_share_github {
+            &, &:hover, &:focus {
+                @extend .text-github;
+            }
+        }
+        .s_share_instagram {
+            &, &:hover, &:focus {
+                @extend .text-instagram;
+            }
+        }
+        .s_share_youtube {
+            &, &:hover, &:focus {
+                @extend .text-youtube;
+            }
+        }
+    }
+}