Installing SASS issues

3 replies · opened Jul 23, 2019

RregaJul 23, 2019

Hi:
I am using webpack, I wanted to use your SASS folder to install and compile all scss into one style file by running command:
.sass('path/to/sass/folder/style.scss', 'public/css');

to generate a style.css and then link it into my application but there are some issues:

  1. There is no installing scss file that contains @import for example :
    style.scss
    I can do it by adding a new file. Would you add this file with options to install necessary files?

2)In sass folder I couldn't find scss files for fonts, how may I use sass files to includes fonts?

Thanks,
Rega.

SSemicolon WebSTAFFJul 25, 2019

Hello,

Apologies about the Inconveniences caused!

The SASS Codes are provided only for the Main CSS and Responsive Files. The style.scss File contains all the required imports Files. You can easily move the File inside the Package/sass Folder and change the @import values to point to their correct location.

Also, Canvas is currently not Webpack compatible. We will work on these features in the Upcoming Updates and send you a Notification once this is available.

The Font Icons CSS File is provided as is and you can consider duplicating it and renaming it to font-icons.scss and then adding a @import reference to it in the style.scss File.

This should definitely work fine. Hope this Helps!

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

RregaJul 29, 2019

Thanks for your respond
OK I just followed one of your page to see how to implement it. Thanks for improving on adding webpack ready version.
Another question about font:
Although your provided icon pack is awesome, how to install font-awesome?

Best Regards,
Rega.

SSemicolon WebSTAFFJul 29, 2019

Hello,

You can simply include the Font Awesome CSS or the CDN directly on the HTML Page just below the css/font-icons.css CSS Linking in the Document <head>.

This will definitely work fine. 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