Remove content div wrappers. Use grid template columns for main to support stretch and breakout classes.

layouts/_default/card.html

@@ -2,7 +2,5 @@
 <header>
 <h2 class="title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
 </header>
-<div class="content">
 <p>{{ .Summary }}</p>
-</div>
 </article>

layouts/_default/full.html

@@ -3,7 +3,6 @@
 <h1 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 </header>
-<div class="content">
+
 {{ .Content }}
-</div>
 </article>

layouts/_default/list.html

@@ -4,11 +4,7 @@
 <h1 class="title">{{ .Title }}</h1>
 </header>
 
-{{ with .Content -}}
-<div class="content">
-{{ . }}
-</div>
-{{ end -}}
+{{ .Content }}
 
 {{ $paginator := .Paginate (.Pages) -}}
 {{ range $paginator.Pages -}}

layouts/_default/single.html

@@ -6,15 +6,12 @@
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 {{ if .Params.tags }}{{ partial "tags.html" . }}{{ end -}}
 </header>
-<div class="content">
-{{ .Content }}
-</div>
 
-<div class="content content--bottom">
+{{ .Content }}
+
 {{ if $.Param "relatedposts" | default false }}{{ partial "related.html" . }}{{ end -}}
 
 {{ if ne .Lastmod .Date }}{{ partial "dates.html" . }}{{ end -}}
-</div>
 </article>
 </main>
 {{ end -}}

layouts/_default/summary.html

@@ -1,9 +1,7 @@
 <article class="list-view{{ with .Section }} list-view--{{ . | urlize }}{{ end }}">
 <header>
-<h2 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
+<h2 class="title mt--s{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . -}}{{ end }}
 </header>
-<div class="content">
 <p>{{ .Summary }}</p>
-</div>
 </article>