question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not being able to override styles

See original GitHub issue

For a component <Image height={100} /> I expect the height to be 100px.

But due to this https://github.com/rebassjs/rebass/blob/34a20ab015a37c50ef8a51f4c9b437ce7aa23338/packages/rebass/src/index.js#L69

My custom style is overridden by the default image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jxnblkcommented, Sep 4, 2019

@louissm-it If you use a pragma comment, that function will need to be in scope. When using Rebass v4, the sx prop works with or without the Theme UI custom create element function, but it looks like you were maybe using an older version as well

1reaction
jxnblkcommented, Sep 3, 2019

@louissm-it FWIW, you don’t need the Theme UI jsx to use the sx prop on Rebass components

Read more comments on GitHub >

github_iconTop Results From Across the Web

Can't override css of element - Stack Overflow
But: select#test is 1 ID and 1 element (0|1|1) - not as strong. ... Overrides styles declared in user style sheets, thus degrading ......
Read more >
How to Override CSS Styles - W3docs
Let's see how you can use the ! important declaration to override inline styles. You can set individual styles in your global CSS...
Read more >
Techniques to prevent CSS override by base application
So, try to make use of inline styles as much as possible. Inline styles can only be overridden by base application if their...
Read more >
CSS !important: Don't Use It. Do This Instead - UX Engineer
The source order rule is our “weakest” option to override styles. If you're stuck trying to understand why you're styles aren't being applied, ......
Read more >
Unable to Override CSS Variables - ThemeFusion
I seem to be unable to override a CSS rule to change the color of the mobile menu icon (hamburger icon). The default...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found