Add field list shortcode and partial (#515)

Author: jarrodmillman

assets/theme-css/lists.css

@@ -0,0 +1,18 @@
+dl.field-list {
+  display: grid;
+  grid-template-columns: fit-content(30%) auto;
+}
+
+dl.field-list > dt {
+  font-weight: bold;
+  word-break: break-word;
+  padding-left: 0.5em;
+  padding-right: 5px;
+}
+
+dl.field-list > dd {
+  padding-left: 0.5em;
+  margin-top: 0em;
+  margin-left: 0em;
+  margin-bottom: 0em;
+}

layouts/partials/_elements/field-list.html

@@ -0,0 +1,11 @@
+<dl class="field-list">
+{{ range $i, $entry := .entries }}
+  {{if (modBool $i 2)}}
+  <dt class="field-odd">{{ .term }}<span class="colon">:</span></dt>
+  <dd class="field-odd">{{ .def }}</dd>
+  {{else}}
+  <dt class="field-even">{{ .term }}<span class="colon">:</span></dt>
+  <dd class="field-even">{{ .def }}</dd>
+  {{end}}
+{{end}}
+</dl>

layouts/shortcodes/field-list.html

@@ -0,0 +1,22 @@
+{{/*
+
+doc: Field lists
+
+{{< field-list >}}
+[[entry]]
+term = "John"
+def = 30
+
+[[entry]]
+term = "Will"
+def = 28
+
+[[entry]]
+term = "Joey"
+def = 24
+{{< /field-list >}}
+
+*/}}
+
+{{ $entries := (index (.Inner | transform.Unmarshal) "entry") }}
+{{ partial "_elements/field-list" (dict "ctx" . "entries" $entries) }}