1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00

add twitter icon on community, switch primary button color

This commit is contained in:
Matthias Kretschmann 2016-01-21 12:16:52 +01:00
parent f648847bf5
commit 56a6b2320d
5 changed files with 35 additions and 8 deletions

View File

@ -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 }
}
}

View File

@ -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;

View File

@ -10,8 +10,12 @@
}
.section-community {
.grid h1 { @extend .h3; }
.icon--social {
width: 2rem;
height: 2rem;
}
}
.section-conduct {

View File

@ -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>

View File

@ -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>