Importing bootstrap SCSS without icons

[Jatinder]

Hey

We're evaluating the angular library to include in our existing project.

I can successfully import your scss files e.g for buttons:

@import "ej2-ng-buttons/styles/button/bootstrap.scss";

We already have our own inhouse font icons; so we don't want to import your 'base-icons' (_icons.scss).
It adds >300kb of fonts we don't intent to use.

Can you please suggest a clean way to import your ej2-ng-* > bootstrap.scss files and not include the icon scss.
The hard way is to walk up your scss import chain and replicate it and exclude the icons - but that seems tedious and might cause upgrade issues.

Thanks

J

[John Rajaram]

Hi Jatinder, 

Greetings from Syncfusion. 

Currently we do not have support for icons as separate packages. But if you want ignore the icons in your project, you can apply the following code snippets in your application.  

// ej2-base without icons reference 

@import 'ej2-base/styles/definition/bootstrap.scss'; 

@import 'ej2-base/styles/bootstrap-definition.scss'; 

@import 'ej2-base/styles/common/mixin.scss'; 

@import 'ej2-base/styles/common/core.scss'; 

@import 'ej2-base/styles/animation/all.scss'; 

 

// ej2-angular-buttons style reference 

@import 'ej2-angular-buttons/styles/button/bootstrap.scss'; 

 

We have created a simple button sample without icons as stated above. Please find the sample from following location. 

Sample: http://www.syncfusion.com/downloads/support/forum/140044/ze/angular58561222 

Also we like to let you know that, we have logged the feature report regarding this Icon package support. It will be implemented in our Essential Studio Volume 3, 2018 SP1 release, which is expected to out at the end of October 2018. We will let you know once it is rolled out. 

Regards,  

John R