diff --git a/package-lock.json b/package-lock.json index c78ff81..465fd63 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "furbooru-tagging-assistant", "version": "0.3.2", "dependencies": { + "@fortawesome/fontawesome-free": "^6.7.1", "lz-string": "^1.5.0" }, "devDependencies": { @@ -405,6 +406,14 @@ "node": ">=12" } }, + "node_modules/@fortawesome/fontawesome-free": { + "version": "6.7.1", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz", + "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==", + "engines": { + "node": ">=6" + } + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", @@ -2395,6 +2404,11 @@ "dev": true, "optional": true }, + "@fortawesome/fontawesome-free": { + "version": "6.7.1", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz", + "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==" + }, "@jridgewell/gen-mapping": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", diff --git a/package.json b/package.json index 92044cd..dcddec3 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ }, "type": "module", "dependencies": { + "@fortawesome/fontawesome-free": "^6.7.1", "lz-string": "^1.5.0" } } diff --git a/src/styles/injectable/icons.scss b/src/styles/injectable/icons.scss index 7c3d1d6..a8905c2 100644 --- a/src/styles/injectable/icons.scss +++ b/src/styles/injectable/icons.scss @@ -1,6 +1,6 @@ -@mixin insert-icon($icon_src) { - mask-image: url($icon_src); - -webkit-mask-image: url($icon_src); +@mixin insert-icon($url) { + mask-image: $url; + -webkit-mask-image: $url; } .icon { @@ -11,33 +11,33 @@ } .icon.icon-tag { - @include insert-icon('/img/tag.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/tag.svg')); } .icon.icon-paint-brush { - @include insert-icon('/img/paint-brush.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/paintbrush.svg')); } .icon.icon-arrow-left { - @include insert-icon('/img/arrow-left.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/arrow-left.svg')); } .icon.icon-info-circle { - @include insert-icon('/img/info-circle.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/circle-info.svg')); } .icon.icon-wrench { - @include insert-icon('/img/wrench.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/wrench.svg')); } .icon.icon-globe { - @include insert-icon('/img/globe.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/globe.svg')); } .icon.icon-plus { - @include insert-icon('/img/plus.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/plus.svg')); } .icon.icon-file-export { - @include insert-icon('/img/file-export.svg'); + @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/file-export.svg')); } diff --git a/static/img/arrow-left.svg b/static/img/arrow-left.svg deleted file mode 100644 index f9f2ea7..0000000 --- a/static/img/arrow-left.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/static/img/file-export.svg b/static/img/file-export.svg deleted file mode 100644 index 10d1474..0000000 --- a/static/img/file-export.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/img/globe.svg b/static/img/globe.svg deleted file mode 100644 index b257859..0000000 --- a/static/img/globe.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/static/img/info-circle.svg b/static/img/info-circle.svg deleted file mode 100644 index 3336011..0000000 --- a/static/img/info-circle.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/img/paint-brush.svg b/static/img/paint-brush.svg deleted file mode 100644 index 61cd19e..0000000 --- a/static/img/paint-brush.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/plus.svg b/static/img/plus.svg deleted file mode 100644 index ac6edcf..0000000 --- a/static/img/plus.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/static/img/tag.svg b/static/img/tag.svg deleted file mode 100644 index 251b492..0000000 --- a/static/img/tag.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/static/img/wrench.svg b/static/img/wrench.svg deleted file mode 100644 index c7e7ce2..0000000 --- a/static/img/wrench.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/vite.config.js b/vite.config.js index 3270d6c..d55cc05 100644 --- a/vite.config.js +++ b/vite.config.js @@ -2,7 +2,11 @@ import {sveltekit} from '@sveltejs/kit/vite'; import {defineConfig} from 'vite'; export default defineConfig({ + build: { + // SVGs imported from the FA6 don't need to be inlined! + assetsInlineLimit: 0 + }, plugins: [ sveltekit(), - ] + ], });