Topic: Why to have styles embedded into Angular components? It make everything super HARD to use and Style.

Danylov pro asked 4 years ago


Currently, many components with ANgular pro bundle have styles embedded into to. For example, MdbBtn has HUGE stack of COLORS css. Embedded CSS HIGHLY reduce customization of the components because styles need to be overridden with !important flag. AND IT IS HUGE UNNECESSARY HACK!

Expected behavior Have clear SCSS and Components just with TS/JS code

Actual behavior HUGE BUNDLE with duplicated CSS, which reduces styling capabilities.

Resources (screenshots, code snippets etc.)


Danylov pro commented 4 years ago

Defining my own colors in scss and taking scss files from mdb pro, doesn't directly effect styling of the component because of the embedded css.


Danylov pro commented 4 years ago

I am thinking to switch to jQuery version just to overcome such hassles


Arkadiusz Idzikowski staff answered 4 years ago


We use styles embedded to components because otherwise all the styles will be loaded to your project (even when you use only few components).

We are aware of some problems with the styles customization and with duplicated styles and we are already working on that.

It would be very helpful if you could provide more details about the problems you encountered with button styles.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.8.0
  • Device: browser
  • Browser: Chrome
  • OS: WIndows 10
  • Provided sample code: No
  • Provided link: No