How Can I Customize MDBootstrap Components Using SCSS?


Topic: How Can I Customize MDBootstrap Components Using SCSS?

Melissa36Dossett asked 2 weeks ago

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.) I'm using MDBootstrap for a project and would like to customize its components using SCSS rather than inline styles or external CSS files. Specifically, I want to change default colors, spacing, and typography without overriding styles manually. Could someone guide me on how to efficiently modify MDBootstrap styles using SCSS, including best practices for working with its predefined variables and mixins?


You can find a list of all available SCSS and CSS variables for a component in the API section in the documentation. For example:

https://mdbootstrap.com/docs/angular/components/cards/#docsTabsAPI


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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 7.1.0
  • Device: jufer
  • Browser: epic
  • OS: hander
  • Provided sample code: No
  • Provided link: No