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

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

Are they are performance disadvantages to using css as opposed to using styled

If you using emotion/styled over emotion/core are there any disadvantages regarding performance?

thumbsup
0
message-simple
1

Quick question on auto browser prefixes

Debating on refactoring a SASS styled web app with Emotion as I prefer the styled components workflow. Does Emotion have auto browser prefixes after compilation?

thumbsup
0
message-simple
0