fix(base): add bullet style with url filter

timmywil · timmywil · commit 6ad095f15388 · 2023-12-10T20:13:14.000-05:00
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -23,6 +23,9 @@
       .pagefind-ui__form:after {
         background: url({{ '/img/search.svg' | url }}) no-repeat 2px center;
       }
+      .list-custom-bullet {
+        list-style-image: url({{ '/img/bullet.png' | url }});
+      }
     </style>
   </head>
   <body class="flex flex-col h-full items-center">
diff --git a/content/plugin.njk b/content/plugin.njk
@@ -203,7 +203,7 @@
       </h3>
       <ul class="pl-5">
         {% for license in plugin.manifest.licenses %}
-          <li class="py-1 px-2 list-image-[url(/img/bullet.png)]">
+          <li class="py-1 px-2 list-custom-bullet">
             <a class="text-list link hover:underline align-middle" href="{{ license.url }}">
               {{ license.type }}
             </a>
@@ -220,13 +220,13 @@
       <ul class="pl-5">
         {% if plugin.manifest.dependencies | length %}
           {% for dependency, version in plugin.manifest.dependencies %}
-            <li class="py-1 px-2 list-image-[url(/img/bullet.png)]">
+            <li class="py-1 px-2 list-custom-bullet">
               {{ dependency }}
               {{ version }}
             </li>
           {% endfor %}
         {% else %}
-          <li class="py-1 px-2 list-image-[url(/img/bullet.png)]">
+          <li class="py-1 px-2 list-custom-bullet">
             None
           </li>
         {% endif %}
