feat: use vite to inline svg into compiled css so that consuming apps…

… don't have to serve brand logo
IATI · Nov 12, 2024 · 31b398c · 31b398c
1 parent 94199ba
commit 31b398c
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 88 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -4,7 +4,6 @@ const config: StorybookConfig = {
   framework: "@storybook/web-components-vite",
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: ["@storybook/addon-essentials"],
-  staticDirs: ["../static"],
   docs: {
     autodocs: true,
   },

diff --git a/src/scss/components/brand-background/_brand-background.scss b/src/scss/components/brand-background/_brand-background.scss
@@ -3,7 +3,7 @@
 
 .iati-brand-background {
   $var-background-image: --background-image;
-  #{$var-background-image}: url("/images/marque-white.svg");
+  #{$var-background-image}: url("/src/assets/svg/marque-white.svg");
 
   background-color: $color-teal-90;
   display: grid;

diff --git a/src/scss/components/brand-background/brand-background.mdx b/src/scss/components/brand-background/brand-background.mdx
diff --git a/static/images/marque-white.svg b/static/images/marque-white.svg