fix: split lucide icons and simplelogos

lepture · Apr 13, 2024 · 4b205f6 · 4b205f6
1 parent 74a5729
commit 4b205f6
Show file tree

Hide file tree

Showing 15 changed files with 31 additions and 23 deletions.
diff --git a/scripts/genicons.js b/scripts/genicons.js
@@ -1,7 +1,7 @@
 const fs = require('fs')
 const path = require('path')
 
-function buildIcons (iconsDir, output) {
+function buildIcons (prefix, iconsDir, output) {
   const icons = []
   let css = ':root {\n'
   fs.readdirSync(iconsDir).forEach(name => {
@@ -16,7 +16,7 @@ function buildIcons (iconsDir, output) {
   })
   css += '}\n'
   icons.forEach(key => {
-    css += `.i-icon.${key}{--icon-url:var(--i-${key}-url)}\n`
+    css += `.i-${prefix}.${key}{--icon-url:var(--i-${key}-url)}\n`
   })
   fs.writeFileSync(output, css)
 }
@@ -45,7 +45,5 @@ function encodeSvgForCss(svg) {
     .replace(/>/g, '%3E');
 }
 
-const ICONS_SOURCE = path.resolve('static/icons')
-const ICONS_OUTPUT = path.resolve('static/css/icons.css')
-
-buildIcons(ICONS_SOURCE, ICONS_OUTPUT)
+buildIcons('icon', path.resolve('static/icons'), path.resolve('static/css/icons.css'))
+buildIcons('logo', path.resolve('static/logos'), path.resolve('static/css/logos.css'))
diff --git a/static/css/base.css b/static/css/base.css
@@ -63,7 +63,8 @@ strong, em {
   border: 3px solid transparent;
 }
 
-.i-icon {
+.i-icon,
+.i-logo {
   mask: var(--icon-url) no-repeat;
   mask-size: 100% 100%;
   width: 1em;

diff --git a/static/css/icons.css b/static/css/icons.css