Skip to content

Commit e42c572

Browse files
committedAug 24, 2016
Add Linkedin icon
1 parent 347744e commit e42c572

File tree

6 files changed

+32
-79
lines changed

6 files changed

+32
-79
lines changed
 

‎_config.yml

+1
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ github_username: openbudgets
99
github_repo: openbudgets.github.io
1010
twitter_username: openbudgetseu
1111
facebook_username: openbudgets
12+
linkedin: company/open-budgets
1213

1314
github_link: openbudgets
1415

‎_includes/footer.html

+7
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,13 @@
3434
</a>
3535
</li>
3636
{% endif %}
37+
{% if site.linkedin %}
38+
<li>
39+
<a href="https://www.linkedin.com/{{ site.linkedin }}" class="linkedin" rel="external">
40+
LinkedIn
41+
</a>
42+
</li>
43+
{% endif %}
3744
{% if site.github_link %}
3845
<li>
3946
<a href="https://github.com/{{ site.github_link }}" class="github" rel="external">

‎_includes/social-links.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,10 @@
55
{% if site.twitter_username %}
66
<a class="cd-twitter cd-img-replace" href="https://twitter.com/{{ site.twitter_username }}" rel="external">Twitter</a>
77
{% endif %}
8+
{% if site.linkedin %}
9+
<a class="cd-linkedin cd-img-replace" href="https://www.linkedin.com/{{ site.linkedin }}" rel="external">LinkedIn</a>
10+
{% endif %}
811
{% if site.github_link %}
912
<a class="cd-github cd-img-replace" href="https://github.com/{{ site.github_link }}" rel="external">Git Hub</a>
1013
{% endif %}
11-
</div> <!-- socials -->
14+
</div> <!-- socials -->

‎_sass/_footer.scss

+5-1
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ html {
135135

136136
@include hide-text;
137137
background-image: url(../img/cd-socials.svg);
138-
background-size: auto ($icon-size * 2);
138+
background-size: $icon-size*5 $icon-size*2;
139139
width: $icon-size;
140140
height: $icon-size;
141141
display: block;
@@ -153,6 +153,10 @@ html {
153153
background-position: - 1.8em -1.8em;
154154
}
155155

156+
&.linkedin {
157+
background-position: - (1.8em * 4) -1.8em;
158+
}
159+
156160
&:hover {
157161
opacity: 1;
158162
}

‎_sass/menu/_menu.scss

+14-2
Original file line numberDiff line numberDiff line change
@@ -289,9 +289,9 @@ Main components
289289
padding: 0;
290290
background-image: url('../img/cd-socials.svg');
291291
background-repeat: no-repeat;
292-
background-size: 128px 64px;
292+
background-size: 160px 64px;
293293
margin-right: .5em;
294-
border-radius: 32px;
294+
border-radius: 32px;
295295

296296
&.cd-twitter {
297297
background-position: 0 0;
@@ -309,6 +309,10 @@ Main components
309309
background-position: -96px 0;
310310
}
311311

312+
&.cd-linkedin {
313+
background-position: -128px 0;
314+
}
315+
312316
.no-touch &:hover {
313317
background-color: $color-1;
314318

@@ -327,6 +331,10 @@ Main components
327331
&.cd-google {
328332
background-position: -96px -32px;
329333
}
334+
335+
&.cd-linkedin {
336+
background-position: -128px -32px;
337+
}
330338
}
331339
}
332340
}
@@ -348,6 +356,10 @@ Main components
348356
&.cd-google {
349357
background-position: -96px -32px;
350358
}
359+
360+
&.cd-linkedin {
361+
background-position: -128px -32px;
362+
}
351363
}
352364
}
353365

‎img/cd-socials.svg

+1-75
Loading

0 commit comments

Comments
 (0)
Please sign in to comment.