Omitting ampersands in pseudo-classes and pseudo-elements
Hi all, I've been using styled-components omitting ampersands in pseudo-classes (such as :hover) and pseudo-elements (such as :before) because I found it works. For example, to style a hover state of a component, I can just write :hover instead of &:hover. I guess it works…
Variant Theming Library
Hey team, looking for some feedback on a variant theming library that I've created to support the many variants that my current company needs. Was really hoping that it would read a lot cleaner and remove a lot of the bloat that we see with current implementations of variant…
how can I extend third party component's style?
Hi all, I am using styled-component to move accordion icon from left to right (react-accessible-accordion) I have extended styled(AccordionItemButton), but this is removing existing style of AccordionItemButton Can any one help me to fix this ?
Responsive behaviour on react-native
I have been trying to find a way of having responsive sizes, and of adding/removing content from the screen depending on the size. In react-native media queries do not exist, neither em/rem for sizes, anyone can share their experience?
How to pass props to children components that only use the props for styling
Previously I was styling Components using styled-components, giving the parent element in the Component the className prop and all children their own classNames in order to do my styling. Children elements could easily use the props when styling because it had access to…
I can't seem to find any issue around this but is there a reason that styled-components doesn't forward the defaultProps from a wrapped component? For example: This messes up PropType checking since propTypes are forwarded. Seems to be a new thinking v4.
Problem with "toggling" CSS
I am trying to implement this simple animation with styled components, but I can't get the height transition working. Here's a link to Code Sandbox where you can find the current StyledComponents implementation. This is my code atm: isVisible is a boolean that simulates toggling…