SCSS Bug with Custom Themes


Topic: SCSS Bug with Custom Themes

randy pro asked 7 years ago

It appears as if there is a bug in assets/scss/pro_lightbox.scss.

All instances of:

url(../img/lightbox/default-skin.png)

Should be replaced with --

url(#{$image-path}lightbox/default-skin.png)

This would allow me to import the scss file from my project's styles.scss providing the means to inject custom themes without having to modify the node package. IMO, modifying the node package should not be considered a viable solution to custom theming.

$fa-font-path: '../node_modules/font-awesome/fonts/';
$roboto-font-path: '../node_modules/ng-uikit-pro-standard/assets/font/roboto/';
$image-path: '../node_modules/ng-uikit-pro-standard/assets/img/';
// Font Awesome
@import '~font-awesome/scss/font-awesome';
// Bootstrap
@import '~ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss';
// Load custom themes here
@import 'assets/scss/themes';
// MDBootstrap
@import '~ng-uikit-pro-standard/assets/scss/mdb';

Damian Gemza staff commented 7 years ago

Dear Randy, Thanks for reaching out our support forum! That's a known issue for us, and I have to inform you, that with next release of MDB Angular this problem will be fixed. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No