Overriding css variable #6015
Unanswered
hansyulian
asked this question in
Q&A
Replies: 1 comment 2 replies
-
These variables are meant to be overridden by component props, not with CSS. If you want to use them in CSS, it is required to use important. |
Beta Was this translation helpful? Give feedback.
2 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Reference
https://github.com/orgs/mantinedev/discussions/4418
TLDR
I must either:
!important
which is not nicestyle
inline which not sure if it's properProblem
So i'm creating a custom grid for gallery that have a very tight gutter, the images inside will have height defined by the calculating some base and gutter size. here is the scss styling:
and this is the tsx:
So currently i am able to achieve, but doesn't feels like the solution is a proper one. I think the best solution is to be still defined in the
.container
class. Need advice thxBeta Was this translation helpful? Give feedback.
All reactions