menu

emotion

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

Channels
# All channels
view-forward
# General
view-forward
# Development
view-forward
# Help
view-forward
# Off Topic
view-forward
Team
Posts
Members
Info

Hello guys. Can anyone help me with emotion and twin.macro for Next.js?

thumbsup
0
message-simple
0

Emotion 11 breaking in Gatsby

I am using Gatsby with Ghost and everything seems to be working fine until I updated my Emotion plugin to version 11. When I run Gatsby develop for my build, I get the error below. Anyone run into this issue?

thumbsup
0
message-simple
0

Emotion VSCode plugin (idea)

Hi y'all, I've been thinking of making a plugin like https://github.com/tailwindlabs/tailwindcss-intellisense Would anyone be interested in collaborating on it?

thumbsup
1
message-simple
1

Still dealing with this bug - is there a timeline for when this is released?

https://github.com/system-ui/theme-ui/issues/538

thumbsup
0
message-simple
0

Is there a way to disable themeing altogether?

I'm looking for a way to completely avoid the creation of theme Provider and Consumer components in my app. Most of my theme is static and can be consumed by exporting the functions that reference it from a factory function in which theme is in scope. The dynamic aspects of…

thumbsup
0
message-simple
2

Emotion with AMP pages

I am researching using emotion with AMP pages. When styling AMP pages you need to have you styles inside a style tag with amp-custom attribute and you can only have one style tag in the DOM (AFAIU). So I need to configure emotion to only generate one style tag and I also need to…

thumbsup
0
message-simple
2

Is there any way to use emotion's cache outside React?

I'm working on svelte-based project and I want to use shadow DOM for style encapsulation (chrome extension). Therefore I've attached <style> tag to my app node root (e.g. <div id="app"></div>). In result I have <style> tag inside aforementioned div (which is correct), but I…

thumbsup
1
message-simple
0

How does emotion cache styles?

The title. How does emotion know not to create a new class when React calls render when the CSS hasn't changed?

thumbsup
0
message-simple
2

Show dropdown menu on hover with emotion's CSS PROP

Hey, i'm trying to build an dropdown menu (code below). the question is how can i show a class while hovering on another. …

thumbsup
0
message-simple
1

Css prop type errors

hy, i just started with emotion and it seems simple, but the stypeScript not recognizing some style rules. how do emotion works with typescript?

thumbsup
0
message-simple
1