menu

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress!

Channels
Team
Posts
Members
Info

global style with nextjs in production

I've migrated from emotion to styled component after the last superb release. However in the local production it seems that the global style in the Layout doesn't work. to make sure that it's not a Next.js issue I test it out with emotion and it did well. In _app.js …

thumbsup
0
message-simple
1

@import of Google Font not working in v5

I have an import of a google font in my createGlobalStyle that was previously working with v4 of styled-components. Now it doesn't seem to be getting loaded in at all. Has anyone else had this issue? Will create a github issue if this is a new. Thanks!

thumbsup
0
message-simple
3

css prop doesn't work with CRA

I tried to use css prop to style div on my project created with CRA but it doesn't work for some reason. I import styled-components via import styled from 'styled-components/macro'; and it still doesn't work. And here are my code I'm hoping someone can help me out here. Thank…

thumbsup
0
message-simple
3

null value generate when using ::before

Has anyone experienced a null value being generated in the compiled stylesheet when using ::before? My code and compiled css works file 'til I add the pseudo selector to my code. When I add it null shows up as a value in dev tools. Everything works as expected 'til I add the…

thumbsup
0
message-simple
1

[SOLVED]:Extending Styled Components seems doesn't work in beta releasing.

I'm moving to use styled component and everything goes well except that extending style doesn't work at all, I'm trying to rewrite my styled component ( Button ) by using const NewButton = styled(Button)// some new style …

thumbsup
0
message-simple
5

Server side rendering with react-native-web

Has anyone set up a styled-components SSR together with react-native-web before? I don't see any reference about it in the docs, but can't find any mention online about it not being possible either. My problem is as follows …

thumbsup
3
message-simple
20

Help with style tag order.

Something just happened recently and now my styled-components tag is rendering above the other style tags. And so all the styles with the same specificity aren't working. Anyone know what might be going on?

thumbsup
0
message-simple
1

Help w/ Media queries.

Hi, is multiple condition queries handled like this? @media (max-width: 1200px) and (orienation: landscape)

thumbsup
0
message-simple
0

Symlink issue with create-react-app

Hi, I'm working on a react component library using styled-components and have run into an issue when trying to symlink to an app which has been created with create-react-app. styled-components is defined as a dev and peer dependency in the package.json, following the…

thumbsup
0
message-simple
5

Styles are out of order when using StyleSheetManager

Hello! what I'm trying to do is build an iframe which has my websites styles in it. I'm rendering in to the iframe a stylesheet manager component. In my main application, styled-components generates many stylesheets which I presume are carefully ordered to preserve a hierarchy…

thumbsup
0
message-simple
1