From 9c36cff15224f6cbd19058ad61311229b7a23c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B8rn=20Erik=20Pedersen?=
 <bjorn.erik.pedersen@gmail.com>
Date: Fri, 7 Dec 2018 21:27:35 +0100
Subject: [PATCH] Squashed 'themes/gohugoioTheme/' changes from
 68ddff44..b8202f53

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

git-subtree-dir: themes/gohugoioTheme
git-subtree-split: b8202f539d57b5e8e2c740cfde3d5f5e5f66e3b6
---
 layouts/showcase/single.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/layouts/showcase/single.html b/layouts/showcase/single.html
index 0d92c4cdc..a7cf439cb 100644
--- a/layouts/showcase/single.html
+++ b/layouts/showcase/single.html
@@ -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 }}