Feature: Add feather icon support

Author: danielledeleo

assets/css/v2/style.css

@@ -1483,6 +1483,18 @@ hr {
   border: 1px solid var(--color-divider);
 }
 
+.feather {
+  width: 1.8ch;
+  height: 1.8ch;
+  stroke: currentColor;
+  fill: none;
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: square;
+  vertical-align: sub;
+  margin: 0;
+}
+
 /* FILTHY HACKS BEGIN */
 
 /* Override logo with black text version */

exampleSite/content/test-product/feather/_index.md

@@ -0,0 +1,6 @@
+---
+description: Feather icon usage
+title: Feather
+weight: 300
+toc: true
+---

exampleSite/content/test-product/feather/permitted.md

@@ -0,0 +1,17 @@
+---
+description: Where feather icons are allowed to be used 
+title: Permitted usage
+weight: 100
+---
+
+[Feather Icons](https://feathericons.com/) is a free icon library with a permissive license (MIT). We use it for our minimal icon needs in place of FontAwesome in Oldframe.
+
+{{<fe "circle">}}
+
+[Feather link{{<fe "circle">}}](#)
+
+{{<fe "circle">}} in text.
+
+{{<warning>}}
+This is a Warning callout. There was previously a bug with **bold text** that we should be aware of and continue to check for. This callout was invoked with the `<warning>` shortcode. It has no custom title. {{<fe "alert-triangle">}}
+{{</warning>}}

layouts/partials/feather.html

@@ -0,0 +1,5 @@
+{{- /* Usage: */ -}}
+{{- /* (dict "context" . "icon" "circle") */ -}}
+<svg class="feather">
+    <use href="/images/feather-sprite.svg#{{ .icon }}"></use>
+</svg>

layouts/shortcodes/fe.html

@@ -0,0 +1 @@
+{{ partial "feather" (dict "context" . "icon" (.Get 0)) }}