css and new component
i want to create a new component and whant to create a css file and want to import it, please suggest me where and how to import css files, and what is best way to import css, and if i want to use .scss files then how can i import it please explain in details with exampels. thank you.
Replies (3)
Hi,
Could you please provide more details? Which template and version are you using? Is it Metronic ?
Regards.
Hello, I'm currently utilizing the Metronic 1 demo, and I'm interested in integrating .scss files into a new component I'm creating. Could you please advise on the proper procedure? Specifically, where should I import the .scss file, and where should I create it within the Metronic codebase? I would greatly appreciate a detailed explanation. Thank you!
Hi,
The main mandatory style file is src/_metronic/assets/sass/style.scss, other style files are optional and should be imported depending on plugins you wish to use.
For react plugin styles you need to import src/_metronic/assets/sass/style.react.scss.
If you want to use Keenicon set, you should import keenicons style as shown below.
import "./_metronic/assets/keenicons/duotone/style.css"
import "./_metronic/assets/keenicons/outline/style.css"
import "./_metronic/assets/keenicons/solid/style.css"Regards,
Lauris Stepanovs,
Keenthemes Support Team
