From 42ab3ad7443be034de62deeb82eb9a4dd54221dd Mon Sep 17 00:00:00 2001 From: Danielle De Leo Date: Tue, 15 Apr 2025 13:41:52 -0400 Subject: [PATCH] Feature: Add feather icon support --- assets/css/v2/style.css | 12 ++++++++++++ .../content/test-product/feather/_index.md | 6 ++++++ .../content/test-product/feather/permitted.md | 17 +++++++++++++++++ layouts/partials/feather.html | 5 +++++ layouts/shortcodes/fe.html | 1 + static/images/feather-sprite.svg | 1 + 6 files changed, 42 insertions(+) create mode 100644 exampleSite/content/test-product/feather/_index.md create mode 100644 exampleSite/content/test-product/feather/permitted.md create mode 100644 layouts/partials/feather.html create mode 100644 layouts/shortcodes/fe.html create mode 100644 static/images/feather-sprite.svg diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css index 83f67ed8..7c4e480d 100644 --- a/assets/css/v2/style.css +++ b/assets/css/v2/style.css @@ -1469,6 +1469,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 */ diff --git a/exampleSite/content/test-product/feather/_index.md b/exampleSite/content/test-product/feather/_index.md new file mode 100644 index 00000000..ae1afcf4 --- /dev/null +++ b/exampleSite/content/test-product/feather/_index.md @@ -0,0 +1,6 @@ +--- +description: Feather icon usage +title: Feather +weight: 300 +toc: true +--- diff --git a/exampleSite/content/test-product/feather/permitted.md b/exampleSite/content/test-product/feather/permitted.md new file mode 100644 index 00000000..5808079b --- /dev/null +++ b/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. + +{{}} + +[Feather link{{}}](#) + +{{}} in text. + +{{}} +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 `` shortcode. It has no custom title. {{}} +{{}} \ No newline at end of file diff --git a/layouts/partials/feather.html b/layouts/partials/feather.html new file mode 100644 index 00000000..e04c8627 --- /dev/null +++ b/layouts/partials/feather.html @@ -0,0 +1,5 @@ +{{- /* Usage: */ -}} +{{- /* (dict "context" . "icon" "circle") */ -}} + + + \ No newline at end of file diff --git a/layouts/shortcodes/fe.html b/layouts/shortcodes/fe.html new file mode 100644 index 00000000..4e6085ae --- /dev/null +++ b/layouts/shortcodes/fe.html @@ -0,0 +1 @@ +{{ partial "feather" (dict "context" . "icon" (.Get 0)) }} \ No newline at end of file diff --git a/static/images/feather-sprite.svg b/static/images/feather-sprite.svg new file mode 100644 index 00000000..b66f76f3 --- /dev/null +++ b/static/images/feather-sprite.svg @@ -0,0 +1 @@ + \ No newline at end of file