TheCloud/hugoDocs
1
0
Fork 0
mirror of https://github.com/gohugoio/hugoDocs.git synced 2025-09-08 12:16:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

Squashed 'themes/gohugoioTheme/' changes from 68ddff44..b8202f53

Browse Source 
b8202f53 Use 'w' units instead of 'x' for responsive images in showcase

git-subtree-dir: themes/gohugoioTheme
git-subtree-split: b8202f539d57b5e8e2c740cfde3d5f5e5f66e3b6
This commit is contained in:
Bjørn Erik Pedersen 2018-12-07 21:27:35 +01:00
parent 844aef544c
commit 9c36cff152
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
layouts/showcase/single.html
View File

@ -35,9 +35,16 @@ Showcase: {{ .Title }}
{{define "sc-main-column"}}
{{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
{{ with $img }}
{{ $big := .Fill "1024x512 top" }}
{{ $small := $big.Resize "512x" }}
<img srcset="{{ $small.RelPermalink }} 1x, {{ $big.RelPermalink }} 2x" alt="{{ $img.Title }}" width="{{ $big.Width }}" class="mw-100 b--light-gray ba">
{{ $big := .Fill "1024x512 top" }}
{{ $small := $big.Resize "512x" }}
<img
alt="{{ $img.Title }}"
src="{{ $big.RelPermalink }}"
srcset="{{ $small.RelPermalink }} 512w, {{ $big.RelPermalink }} 1024w"
sizes="(min-width: 1570px) 822px, (max-width: 1569px) and (min-width: 960px) 50vw, 93vw"
width="{{ $big.Width }}"
class="mw-100 b--light-gray ba"
>
{{ end }}
<div class="mid-gray nested-copy-line-height nested-img nested-links">
{{with .Params.byline }}