Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Miroslav Kratochvil
jekyll-theme-lcsb-default
Commits
2e576549
Commit
2e576549
authored
Apr 07, 2018
by
Jacek Lebioda
Browse files
Social animations
parent
0b0c64ec
Changes
2
Hide whitespace changes
Inline
Side-by-side
_includes/social.html
View file @
2e576549
<ul
class=
"social-media-list"
>
{%- if site.twitter_username -%}
<li><a
href=
"https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"
><svg
class=
"svg-icon"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.facebook_username -%}
<li><a
href=
"https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"
><svg
class=
"svg-icon"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.linkedin_schoolname -%}
<li><a
href=
"https://www.linkedin.com/school/{{ site.linkedin_schoolname| cgi_escape | escape }}"
><svg
class=
"svg-icon"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.twitter_username -%}
<li><a
href=
"https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"
><svg
class=
"svg-icon
svg-icon-twitter
"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.facebook_username -%}
<li><a
href=
"https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"
><svg
class=
"svg-icon
svg-icon-fb
"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.linkedin_schoolname -%}
<li><a
href=
"https://www.linkedin.com/school/{{ site.linkedin_schoolname| cgi_escape | escape }}"
><svg
class=
"svg-icon
svg-icon-linkedin
"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"
></use></svg></a></li>
{%- endif -%}
{%- if site.dribbble_username -%}
<li><a
href=
"https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"
><svg
class=
"svg-icon"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"
></use></svg>
<span
class=
"username"
>
{{ site.dribbble_username| escape }}
</span></a></li>
{%- endif -%}
{%- if site.flickr_username -%}
<li><a
href=
"https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"
><svg
class=
"svg-icon"
><use
xlink:href=
"{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"
></use></svg>
<span
class=
"username"
>
{{ site.flickr_username| escape }}
</span></a></li>
{%- endif -%}
...
...
_sass/minima/_base.scss
View file @
2e576549
...
...
@@ -244,6 +244,22 @@ pre {
fill
:
#{
$grey-color
}
;
padding-right
:
5px
;
vertical-align
:
text-top
;
transition
:
all
.4s
ease-in-out
;
}
.svg-icon-fb
:hover
{
fill
:
#3b5998
;
transform
:
scale
(
1
.3
);
}
.svg-icon-linkedin
:hover
{
fill
:
#0077b2
;
transform
:
scale
(
1
.3
);
}
.svg-icon-twitter
:hover
{
fill
:
#00aced
;
transform
:
scale
(
1
.3
);
}
.social-media-list
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment