Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Responsive Font Size does not work in Angular Project

Lustig free asked 4 years ago


Expected behavior creating Text that changes font-size according to screensize

Actual behavior when adding the import-code from documentation about RFS to scss it does not work. @import "core/bootstrap/rfs";

ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!./src/styles.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. ? 1 β”‚ @import "core/bootstrap/rfs"; β”‚ ^^^^^^^^^^^^^^^^^^^^ ?

Resources (screenshots, code snippets etc.) It is described in the documentation, but i think there is some missing step that has to be done to get import working https://mdbootstrap.com/docs/angular/content/responsive-font-size/


Arkadiusz Idzikowski staff answered 4 years ago


There is a problem with import path. It should look like this:

@import '~ng-uikit-pro-standard/assets/scss/core/bootstrap/rfs';

Lustig free commented 4 years ago

thank you very much, this works great for me! :-)



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes