From 56a6b2320d78da892dbbbb6abe5744bcd3cb2e45 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 21 Jan 2016 12:16:52 +0100
Subject: [PATCH] add twitter icon on community, switch primary button color

---
 _src/_assets/styles/bigchain/_icons.scss     | 18 ++++++++++++++++++
 _src/_assets/styles/bigchain/_variables.scss |  4 ++--
 _src/_assets/styles/page-community.scss      |  6 +++++-
 _src/_includes/team.html                     |  8 ++++----
 _src/community.html                          |  7 ++++++-
 5 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/_src/_assets/styles/bigchain/_icons.scss b/_src/_assets/styles/bigchain/_icons.scss
index 58bf71d..73594ba 100644
--- a/_src/_assets/styles/bigchain/_icons.scss
+++ b/_src/_assets/styles/bigchain/_icons.scss
@@ -9,3 +9,21 @@
     width: 60px;
     height: 60px;
 }
+
+.icon--social {
+    @extend .transition;
+    width: 1rem;
+    height: 1rem;
+    stroke: none;
+    fill: rgba($link-color, .4);
+}
+
+a {
+    &:hover,
+    &:focus {
+        .icon--twitter  { fill: #55acee }
+        .icon--facebook { fill: #3b5998 }
+        .icon--linkedin { fill: #0077b5 }
+        .icon--github   { fill: #4183c4 }
+    }
+}
diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss
index bb712b1..785b23b 100644
--- a/_src/_assets/styles/bigchain/_variables.scss
+++ b/_src/_assets/styles/bigchain/_variables.scss
@@ -133,8 +133,8 @@ $btn-padding-x:                  1.5rem !default;
 $btn-padding-y:                  .375rem !default;
 
 $btn-primary-color:              #fff !default;
-$btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             $brand-primary !default;
+$btn-primary-bg:                 $brand-main-brown !default;
+$btn-primary-border:             $brand-main-brown !default;
 
 $btn-secondary-color:            $gray-dark !default;
 $btn-secondary-bg:               $gray-lightest !default;
diff --git a/_src/_assets/styles/page-community.scss b/_src/_assets/styles/page-community.scss
index 5c9063c..6625386 100644
--- a/_src/_assets/styles/page-community.scss
+++ b/_src/_assets/styles/page-community.scss
@@ -10,8 +10,12 @@
 }
 
 .section-community {
-
     .grid h1 { @extend .h3; }
+
+    .icon--social {
+        width: 2rem;
+        height: 2rem;
+    }
 }
 
 .section-conduct {
diff --git a/_src/_includes/team.html b/_src/_includes/team.html
index 49d7bd3..a3a6a39 100644
--- a/_src/_includes/team.html
+++ b/_src/_includes/team.html
@@ -12,7 +12,7 @@
 
                 {% if member.twitter %}
                     <a class="team__social__link" href="https://twitter.com/{{ member.twitter }}">
-                        <svg class="icon icon--twitter" aria-labelledby="title">
+                        <svg class="icon icon--social icon--twitter" aria-labelledby="title">
                             <title>Twitter</title>
                             <use xlink:href="/assets/img/sprite.svg#twitter"></use>
                         </svg>
@@ -20,7 +20,7 @@
                 {% endif %}
                 {% if member.facebook %}
                     <a class="team__social__link" href="https://facebook.com/{{ member.facebook }}">
-                        <svg class="icon icon--facebook" aria-labelledby="title">
+                        <svg class="icon icon--social icon--facebook" aria-labelledby="title">
                             <title>Facebook</title>
                             <use xlink:href="/assets/img/sprite.svg#facebook"></use>
                         </svg>
@@ -28,7 +28,7 @@
                 {% endif %}
                 {% if member.github %}
                     <a class="team__social__link" href="https://github.com/{{ member.github }}">
-                        <svg class="icon icon--github" aria-labelledby="title">
+                        <svg class="icon icon--social icon--github" aria-labelledby="title">
                             <title>GitHub</title>
                             <use xlink:href="/assets/img/sprite.svg#github"></use>
                         </svg>
@@ -36,7 +36,7 @@
                 {% endif %}
                 {% if member.linkedin %}
                     <a class="team__social__link" href="https://www.linkedin.com/in/{{ member.linkedin }}">
-                        <svg class="icon icon--linkedin" aria-labelledby="title">
+                        <svg class="icon icon--social icon--linkedin" aria-labelledby="title">
                             <title>LinkedIn</title>
                             <use xlink:href="/assets/img/sprite.svg#linkedin"></use>
                         </svg>
diff --git a/_src/community.html b/_src/community.html
index c70130f..f5d631b 100644
--- a/_src/community.html
+++ b/_src/community.html
@@ -20,7 +20,12 @@ title: Community
                 <h1>Social</h1>
                 <p>Follow us for the latest updates</p>
                 <p>
-                    <a class="btn btn-primary-outline btn-sm" href="https://twitter.com/{{ site.twitter }}">Twitter</a>
+                    <a href="https://twitter.com/{{ site.twitter }}">
+                        <svg class="icon icon--social icon--twitter" aria-labelledby="title">
+                            <title>Twitter</title>
+                            <use xlink:href="/assets/img/sprite.svg#twitter"></use>
+                        </svg>
+                    </a>
                 </p>
             </div>
         </div>