emotion

codemod help

hi, might I ask how exactly to use codemod to run @emotion/pkg-renaming and rename (supposedly we have lots of eslint error in the project) and we want to rename/fix only emotion related lines

Minimize the class name hash generated by emotion

Hi! How can I minimize the class name hash generated by emotion? From: To:

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

Migrating to Emotion is causing a big increase in Layout Shift (with SSR)

Hey all. I just migrated a project from Linaria to Emotion, but am seeing a massive increase in Cumulative Layout Shift, and I'm not sure why. I'm using Next.js and can confirm that critical CSS extraction is working fine after looking at the HTML output. It's my understanding…

Cannot use other components as selector in css helper

Hey guys. Currently trying to use emotion with typescript (and next.js). I'm trying to reference components as selectors in the css helper like so: const navBarStyles = css` display: flex; …

Is there a Vscode extension to highlight css tagged literals

I'm using vscode-styled-components now, but this extension doesn't highlight the css tagged literals.

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?

Using @emotion/css directly, garbage collection of unused classes?

I'm trying to use @emotion/css directly in a Svelte application, but I was wondering how Emotion knows it should remove a style again when it's not used anymore. Currently if you calculate a class / style based on a svelte prop that changes very often, you end up which a huge…

Why is emotion core recommended for React instead of emotion styled?

The documentation states: To me it seems natural to separate the styled components in a different file and then import them to use in their component, however this does not seem to make sense using only emotion/core since the components are styled directly. So I wonder what are…

Emotion has become very popular, but what about UI component libraries?

Emotion and Emotion Core now have over 4M weekly downloads. However, as a consumer of Emotion, I find myself limited in the ability to use external UI libraries. I'd love to see a UI component library which I can customize and style with Emotion, just as I do with my own…