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

Any react native library components based on emotion out there?

thumbsup
3
message-simple
0

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
1

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

Emotion tools - what styles are passed to this component?

I work with Emotion 9. Once I spot a bug, I either log variables from the problematic function, or I debug, and take a look at values. When working with Emotion's css function and passing a variable, I get a className, which might be difficult to link to the correct source. Is…

thumbsup
0
message-simple
0

Webpack Parsing emotion in JSX

Hello! I am struggling with getting emotion to work with webpack in my JSX files. Specifically

thumbsup
0
message-simple
2