Icons fix

the-curve-consulting · Feb 12, 2024 · cb3f14c · cb3f14c
1 parent 4fbbbe1
commit cb3f14c
Show file tree

Hide file tree

Showing 4 changed files with 88 additions and 70 deletions.
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@the-curve-consulting/texmo-react-components": "file:..",
+    "bootstrap-icons": "^1.11.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0"

diff --git a/example/src/main.tsx b/example/src/main.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
+import 'bootstrap-icons/font/bootstrap-icons.scss';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>

diff --git a/scss/texmo-react-components.scss b/scss/texmo-react-components.scss
@@ -1,10 +1,10 @@
 @import './App.scss';
-@import '_variables.scss';
+@import 'variables.scss';
 @import 'fonts.scss';
 
 // Import Bootstrap and its default variables
 @import '../node_modules/bootstrap/scss/bootstrap.scss';
-@import 'bootstrap-icons/font/bootstrap-icons.css';
+@import '../node_modules/bootstrap-icons/font/bootstrap-icons.scss';
 
 // Import custom component styles
 @import '../src/components/button/Button.scss';