Disable italics (#7)

* Prevent .DS_Store files from being added to git

* Enforce icon to be normal

* Add release note and bump dev version

Author: coatless

.gitignore

@@ -2,4 +2,5 @@
 *.pdf
 *_files/
 /.luarc.json
-docs/_site/
+docs/_site/
+.DS_Store

_extensions/custom-callout/_extension.yml

@@ -1,6 +1,6 @@
 title: custom-callout
 author: James Joseph Balamuta
-version: 0.0.1-dev.1
+version: 0.0.1-dev.2
 quarto-required: ">=1.5.0"
 contributes:
   filters:

_extensions/custom-callout/customcallout.lua

@@ -65,22 +65,25 @@ local function generateCustomCSS()
       css = css .. string.format("div.callout-%s .callout-toggle::before {", type)
       css = css .. "  background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"rgb(33, 37, 41)\" class=\"bi bi-chevron-down\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/></svg>');"
       css = css .. "}\n"
-      
+
       -- Icon Styling
       css = css .. string.format("div.callout-%s.callout-style-default .callout-icon::before, div.callout-%s.callout-titled .callout-icon::before {\n", type, type)
 
       if callout.icon_symbol then
         local icon_symbol_str = pandoc.utils.stringify(callout.icon_symbol)
         if isFontAwesomeIcon(icon_symbol_str) then
           -- Font Awesome icon
-          css = css .. string.format("  font-family: 'Font Awesome 6 Free';\n")
-          css = css .. string.format("  content: '%s';\n", fa.fa_unicode(icon_symbol_str))         
+          css = css .. "  font-family: 'Font Awesome 6 Free', FontAwesome;\n"
+          css = css .. "  font-style: normal;\n"
+          css = css .. string.format("  content: '%s' !important;\n", fa.fa_unicode(icon_symbol_str))
         else 
           -- Custom icon symbol
           css = css .. string.format("  content: '%s';\n", icon_symbol_str)
         end
         css = css .. "  background-image: none;\n"
       else 
+        -- The fallback case
+        local escapedColor = color:gsub("#", "%%23")  -- Escape # in hex colors
         css = css .. string.format("  background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%s\" class=\"bi bi-exclamation-triangle\" viewBox=\"0 0 16 16\"><path d=\"M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z\"/></svg>');\n", escapedColor)
       end 
 

docs/qcustom-callout-release-notes.qmd

@@ -8,7 +8,7 @@ format:
     toc: true
 ---
 
-# 0.0.1-dev.1: ?? (??-??-????)
+# 0.0.1-dev.2: ?? (??-??-????)
 
 ## Features
 
@@ -27,6 +27,7 @@ Hello there!
 
 ## Bugfixes
 
+- Fixed icons appearing in italics. ([#5](https://github.com/coatless-quarto/custom-callout/issues/5), thanks [@jtkulas](https://github.com/jtkulas))
 
 # 0.0.1: Can you hear me now? (10-21-2024)