Hi,

I need to override some mdb component css rules, like these ones:

 mdb-stepper .step-title {
    min-width: 60px;
  }

.preloader-wrapper.big {
  width: 90px;
  height: 90px;
}

mdb-select > div > div.single > div.value,
.mdb-select-toggle {
  color: $color-primary;
}

 mdb-tabset .card {
    border-radius: 0;
  }

If I write this rules on scss file in my component folder (where there is also html file in which I load mdb components), they don't work.

Instead, if I write this rules on style.scss file that is hosted in my application root folder, they work. But in this way style.scss file became very large and it's difficult to maintain it, so I prefer to write this rules on scss files of my single components.

How can I do it?

Thanks

Marco