SASS icons

1 reply · opened Feb 1, 2021

DDevnmaFeb 1, 2021

Hello,

I started an app using NuxtJS with Canvas theme, all work well with css but with sass, icons does not work.
I see in font-icons.css we have :

.icon-line-search:before {
    content: "\e9cc";
}

But I can't find it in scss.
Is there a way we can load Canvas's icon using SASS?

Thank you.

SSemicolon WebSTAFFFeb 1, 2021

Hello,

Apologies for the Inconvenience regarding this.

Since the css/font-icons.css File does not need any SCSS Codes, we did not add this file in the sass/ Folder as you can add this File directly to HTML. However, if you want to generate it using SASS, you can simply add this File in the sass/ Folder and then change the extension to scss. Then simply add this Line of Code:
[ch_pre]@import "sass/font-icons.scss";[/ch_pre]

at the bottom of the style.scss File.

This will definitely work fine. We will fix this in the next update. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
SASS icons · Canvas Template Support