neil/hugo-sustain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐼 Fixed icons behavior after html minifying

Browse Source
This commit is contained in:
Nurlan Su 2017-02-20 00:17:34 +01:00
parent 2f63729d71
commit cd4131a09a
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/partials/social.html
View File

@ -1,23 +1,23 @@
<div class="social">
<h4>
<ul class="social-links">
{{ if .Site.Params.Social.Github }}
<a href="http://github.com/{{ .Site.Params.Social.Github }}"><i class="fa fa-github"></i></a>
<li><a href="http://github.com/{{ .Site.Params.Social.Github }}"><i class="fa fa-github"></i></a></li>
{{ end }}
{{ if .Site.Params.Social.Email }}
<a href="mailto:{{ .Site.Params.Social.Email }}"><i class="fa fa-envelope"></i></a>
<li><a href="mailto:{{ .Site.Params.Social.Email }}"><i class="fa fa-envelope"></i></a></li>
{{ end }}
{{ if .Site.Params.Social.Twitter }}
<a href="http://twitter.com/{{ .Site.Params.Social.Twitter }}"><i class="fa fa-twitter"></i></a>
<li><a href="http://twitter.com/{{ .Site.Params.Social.Twitter }}"><i class="fa fa-twitter"></i></a></li>
{{ end }}
{{ if .Site.Params.Social.LinkedIn }}
<a href="http://linkedin.com/in/{{ .Site.Params.Social.LinkedIn }}"><i class="fa fa-linkedin"></i></a>
<li><a href="http://linkedin.com/in/{{ .Site.Params.Social.LinkedIn }}"><i class="fa fa-linkedin"></i></a></li>
{{ end }}
{{ if .Site.Params.Social.Stackoverflow }}
<a href="http://stackoverflow.com/{{ .Site.Params.Social.Stackoverflow }}"><i class="fa fa-stack-overflow"></i></a>
<li><a href="http://stackoverflow.com/{{ .Site.Params.Social.Stackoverflow }}"><i class="fa fa-stack-overflow"></i></a></li>
{{ end }}
</h4>
</ul>
</div>

27
static/css/main.css
View File

@ -127,12 +127,29 @@ html, body {
padding-top: -10px;
text-align: left;
}
.social {
padding-top: 12px;
word-spacing: 25px;
.social-links {
display: block;
margin: 0 auto;
margin-top: 40px;
width: 100%;
text-align: center;
animation: fade 1s ease 1s both;
}
.social h4 > a {
color: #000000;
.social-links li {
display: inline-block;
padding: 5px;
padding-top: 0;
text-align: center;
}
.social-links li a {
font-size: 20px;
color: #000;
padding: 10px;
padding-bottom: 4px;
transition: all .4s ease;
}
.social-links li a:hover {
color: #000;
}
.avatar {
padding-top: 5%;