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"> <div class="social">
<h4> <ul class="social-links">
{{ if .Site.Params.Social.Github }} {{ 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 }} {{ end }}
{{ if .Site.Params.Social.Email }} {{ 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 }} {{ end }}
{{ if .Site.Params.Social.Twitter }} {{ 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 }} {{ end }}
{{ if .Site.Params.Social.LinkedIn }} {{ 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 }} {{ end }}
{{ if .Site.Params.Social.Stackoverflow }} {{ 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 }} {{ end }}
</h4> </ul>
</div> </div>

27
static/css/main.css
View File

@ -127,12 +127,29 @@ html, body {
padding-top: -10px; padding-top: -10px;
text-align: left; text-align: left;
} }
.social { .social-links {
padding-top: 12px; display: block;
word-spacing: 25px; margin: 0 auto;
margin-top: 40px;
width: 100%;
text-align: center;
animation: fade 1s ease 1s both;
} }
.social h4 > a { .social-links li {
color: #000000; 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 { .avatar {
padding-top: 5%; padding-top: 5%;