cannot override btn-primary colors

   <MDBBtn rounded size="sm" onClick={() => CreateActualite()} className="background-color-blue">Cree</MDBBtn>

$blue: #2d2180!important;

.background-color-blue{
  background-color: $blue;
}

.btn-primary {
    color: #fff;
    background-color: #4285f4 !important;
}

Piotr Glejzer staff commented 4 years ago

this is a bug. I checked it and there is a problem with that. Did you try inline styling?

---

MaximeGheraille commented 4 years ago

yes and it does not work because the bootstrap css overrides it and with inline styling I cannot add the ' !important' to override the bootstrap css

---

Piotr Glejzer staff commented 4 years ago

Yes, I know about that.

---