menu

emotion

Emotion is a css-in-js library focused on performance and developer experience

Channels
Team
Posts
Members
Info
Search

"Functions that are interpolated..." tagged template literal question

I'm trying to create a simple helper for writing media queries but I can't seem to get my head round how tagged template literals are supposed to work, and I keep running into the same error from Emotion What I want to achieve is this: Based off of a simple object of…

thumbsup
0
message-simple
1

Composition with Styled tag ?

How I could implement the composition between component which use styled tag not css

thumbsup
0
message-simple
1

Why I love writing css with emotion

I'm sure I'm preaching to the choir here, but I wrote a little something explaining why Emotion is my preferred css-in-js solution over something like Styled-components. https://benmcmahen.com/why-i-choose-emotion/

thumbsup
1
message-simple
0

eslint-plugin-emotion code mods

I've read in several places that the eslint-plugin-emotion package enables code mods when upgrading to Emotion 10 but how does one actually activate the mods? https://github.com/emotion-js/emotion/tree/master/packages/eslint-plugin-emotion#emotion-10-codemods

thumbsup
0
message-simple
0

react-native, objectStyles and themeProvider example or article ?

I'm trying to use emotion in a RN project, and I'd like to use objectStyles and not move to the css kebab-notation style. Is that possible? Thank you 🤗

thumbsup
0
message-simple
0

react-emotion-grid: bootstrap grid clone with emotion 10

I just published a new package named react-emotion-grid. Its basically a rewrite of bootstrap sass function in Javascript. Github: https://github.com/wangzuo/react-emotion-grid npm: http://npmjs.com/react-emotion-grid …

thumbsup
3
message-simple
1
David·69d

Emotion 10 and class names

Hi there! In Emotion 9 it was possible to nest emotion css classes as `css` was returning the class name as a string: Now that `css` returns an object, is it valid to do the following? Many thanks!

thumbsup
3
message-simple
4

nest a generated css selector in emotion 10

Is it still possible to nest a generated css selector in emotion 10? See the last example in the emotion 9 docs https://5bb1495273f2cf57a2cf39cc--emotion.netlify.com/docs/nested Thanks!

thumbsup
1
message-simple
3

Global Theming with Emotion?

I have followed https://github.com/emotion-js/emotion/issues/546 in which Kye mentions a solution although I don't understand it completely. So I made a small CodeSandBox that implements the details provided in the issue. How can I make background-color work in injectGlobal ?

thumbsup
1
message-simple
10

Emotion with server-side rendering

I'm trying to get started with emotion+react-create-app, and it works with the dev server, but when rendering with SSR, it fails; $ yarn start:production yarn run v1.13.0 …

thumbsup
0
message-simple
0