Topic: Override primary-button shadow by sass
norbertbede
premium
asked 2 years ago
hi,
i would like replace primary-buton trough saas way, i tried these two forms, always getting error - undefined variable or mixin variable.
i use this approach https://mdbootstrap.com/support/angular/variable-undefined-theme-colors-rgb-and-theme-colors/
@mixin btn-primary { @include box-shadow(none); }
.btn-primary { @include box-shadow(none); color:rgba(33, 33, 33, 0.15); }
what is the right approach. where can i find a documentation ? nb
Arkadiusz Idzikowski
staff
answered 1 year ago
We could not reproduce this problem on our end. If you imported the mdb.scss file in your styles.scss you should be able to use mixins like box-shadow in your SCSS code (defined after mdb.scss import).
If you just want to remove the shadow from .btn-primary class using box-shadow mixin, then this code should work correctly:
@import "mdb-angular-ui-kit/assets/scss/mdb.scss";
.btn-primary {
@include box-shadow(none);
}
norbertbede premium commented 1 year ago
sorry. yes, i made mistake. i thought
https://mdbootstrap.com/support/angular/buttons-colors-map-has-secondary-color-hardcoded-e3ebf7/
this a problem for us.
Arkadiusz Idzikowski staff commented 1 year ago
Unfortunately, this problem is a bit more complicated than we thought and will take more time to solve. We plan to rebuild and improve the entire theming system soon, and during this work we will also solve the problem with hardcoded values.
You can still override all the values in this SCSS $buttons map. Please let us know if you need any help with that.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 5.1.0
- Device: desktop
- Browser: chrome
- OS: osx
- Provided sample code: No
- Provided link: Yes
Arkadiusz Idzikowski staff commented 2 years ago
Could you please edit your post and provide more information about the error messages and the full SCSS code that you used? After importing
mdb.scssyou should have access to all the variables and mixins.norbertbede premium commented 1 year ago
Arkadiusz, can you provide version ? This is really core bug. n