menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

emotion

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

Channels
Team
Posts
Members
Info

Emotion cacheProvider doesn't pick up styles from another npm component

hi there! is there anyone that can help me get to the bottom of how to do this? https://github.com/emotion-js/emotion/issues/1386

message-simple
0

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

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?

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?

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

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…

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…

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…

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?

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. …

message-simple
1