create-emotion

WebJar for create-emotion

Лицензия	Лицензия MIT
Группа	Группа org.webjars.npm
Идентификатор	Идентификатор create-emotion
Последняя версия	Последняя версия 10.0.9
Дата	Дата 26 мар. 2019 г.
Тип	Тип jar
Описание	Описание create-emotion WebJar for create-emotion
Ссылка на сайт	Ссылка на сайт http://webjars.org
Система контроля версий	Система контроля версий https://github.com/emotion-js/emotion

Скачать create-emotion

Имя Файла	Размер
create-emotion-10.0.9.pom
create-emotion-10.0.9.jar	16 KB
create-emotion-10.0.9-sources.jar	22 bytes
create-emotion-10.0.9-javadoc.jar	22 bytes
Обзор

Как подключить последнюю версию

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/create-emotion/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>create-emotion</artifactId>
    <version>10.0.9</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/create-emotion/
implementation 'org.webjars.npm:create-emotion:10.0.9'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/create-emotion/
implementation ("org.webjars.npm:create-emotion:10.0.9")

Apache Buildr

'org.webjars.npm:create-emotion:jar:10.0.9'

Apache Ivy

<dependency org="org.webjars.npm" name="create-emotion" rev="10.0.9">
  <artifact name="create-emotion" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='create-emotion', version='10.0.9')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "create-emotion" % "10.0.9"

Leiningen

[org.webjars.npm/create-emotion "10.0.9"]

Зависимости

compile (4)

Идентификатор библиотеки	Тип	Версия
org.webjars.npm : emotion__cache	jar	[10.0.9,11)
org.webjars.npm : emotion__serialize	jar	[0.11.6,0.12)
org.webjars.npm : emotion__sheet	jar	[0.9.2]
org.webjars.npm : emotion__utils	jar	[0.11.1]

Модули Проекта

Данный проект не имеет модулей.

emotion

The Next Generation of CSS-in-JS

Emotion 11 has been released 🚀 See the blog post

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

👀 Demo Sandbox

📖 Docs

Frequently viewed docs:

Quick Start

Get up and running with a single import.

npm install --save @emotion/react

/** @jsx jsx */
import { jsx } from '@emotion/react'

let SomeComponent = props => {
  return (
    <div
      css={{
        color: 'hotpink'
      }}
      {...props}
    />
  )
}

Do I Need To Use the Babel Plugin?

The babel plugin is not required, but enables some optimizations and customizations that could be beneficial for your project.

Look here 👉 emotion babel plugin feature table and documentation

Demo Sandbox

Demo Code Sandbox

Examples

emotion website [Demo Here]
next-hnpwa-guide-kit [Demo Here]
reactivesearch, a react UI library for Elasticsearch [Website]
circuit-ui, a react component library built at SumUp [Storybook]
open a PR and add yours!

Ecosystem

stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
facepaint
emotion-vue
nuxt-community/emotion-module - Emotion module for Nuxt.js
ember-emotion
CSS to emotion transform
ShevyJS
design-system-utils - Utilities to give better access to your design system.
polished - Lightweight set of Sass/Compass-style mixins/helpers for writing styles in JavaScript.
monad-ui - Utility First CSS-In-JS
css-in-js-media - you can deal with responsive design using css-in-js easily with this css-in-js-media which is similar with include-media
emotion-native-extended - Better styling support for Emotion Native with React Native Extended Stylesheet