tblyler/light-hugo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Set social image sizes in img property

Browse source
This commit is contained in:
Tony Blyler 2016-11-03 15:59:13 -04:00
parent 419fb6e310
commit 6db1e12b76
3 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
layouts/partials/header.html
View file

@ -20,29 +20,30 @@
{{ end }} {{ end }}
</a> </a>
<div id="social"> <div id="social">
{{ $icon_size := "64px" }}
{{ if .Site.Params.email }} {{ if .Site.Params.email }}
<a href="mailto:{{ .Site.Params.email }}" title="Email"> <a href="mailto:{{ .Site.Params.email }}" title="Email">
<img alt="Email" src="{{ .Site.BaseURL }}/images/email.svg" /> <img alt="Email" height="{{ $icon_size }}" width="{{ $icon_size }}" src="{{ .Site.BaseURL }}/images/email.svg" />
</a> </a>
{{ end }} {{ end }}
{{ if .Site.Params.github }} {{ if .Site.Params.github }}
<a href="https://github.com/{{ .Site.Params.github }}" title="Github"> <a href="https://github.com/{{ .Site.Params.github }}" title="Github">
<img alt="GitHub" src="{{ .Site.BaseURL }}/images/github.svg" /> <img alt="GitHub" height="{{ $icon_size }}" width="{{ $icon_size }}" src="{{ .Site.BaseURL }}/images/github.svg" />
</a> </a>
{{ end }} {{ end }}
{{ if .Site.Params.facebook }} {{ if .Site.Params.facebook }}
<a href="https://facebook.com/{{ .Site.Params.facebook }}" title="Facebook"> <a href="https://facebook.com/{{ .Site.Params.facebook }}" title="Facebook">
<img alt="Facebook" src="{{ .Site.BaseURL }}/images/facebook.svg" /> <img alt="Facebook" height="{{ $icon_size }}" width="{{ $icon_size }}" src="{{ .Site.BaseURL }}/images/facebook.svg" />
</a> </a>
{{ end }} {{ end }}
{{ if .Site.Params.twitter }} {{ if .Site.Params.twitter }}
<a href="https://twitter.com/{{ .Site.Params.twitter }}" title="Twitter"> <a href="https://twitter.com/{{ .Site.Params.twitter }}" title="Twitter">
<img alt="Twitter" src="{{ .Site.BaseURL }}/images/twitter.svg" /> <img alt="Twitter" height="{{ $icon_size }}" width="{{ $icon_size }}" src="{{ .Site.BaseURL }}/images/twitter.svg" />
</a> </a>
{{ end }} {{ end }}
{{ if .Site.Params.linkedin }} {{ if .Site.Params.linkedin }}
<a href="https://linkedin.com/in/{{ .Site.Params.linkedin }}" title="LinkedIn"> <a href="https://linkedin.com/in/{{ .Site.Params.linkedin }}" title="LinkedIn">
<img alt="LinkedIn" src="{{ .Site.BaseURL }}/images/linkedin.svg" /> <img alt="LinkedIn" height="{{ $icon_size }}" width="{{ $icon_size }}" src="{{ .Site.BaseURL }}/images/linkedin.svg" />
</a> </a>
{{ end }} {{ end }}
</div> </div>

5
scss/main.scss
View file

@ -40,8 +40,9 @@ a:hover {
// these images are always SVG // these images are always SVG
img { img {
height: 64px; // this is now set in the img property itself
width: 64px; //height: 64px;
//width: 64px;
} }
} }

2
static/css/main.css
View file

File diff suppressed because one or more lines are too long