postcss-styled

WebJar for postcss-styled

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

postcss-styled
Последняя версия

Последняя версия

0.34.0
Дата

Дата

Тип

Тип

jar
Описание

Описание

postcss-styled
WebJar for postcss-styled
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/gucong3000/postcss-styled

Скачать postcss-styled

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

<!-- https://jarcasting.com/artifacts/org.webjars.npm/postcss-styled/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>postcss-styled</artifactId>
    <version>0.34.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/postcss-styled/
implementation 'org.webjars.npm:postcss-styled:0.34.0'
// https://jarcasting.com/artifacts/org.webjars.npm/postcss-styled/
implementation ("org.webjars.npm:postcss-styled:0.34.0")
'org.webjars.npm:postcss-styled:jar:0.34.0'
<dependency org="org.webjars.npm" name="postcss-styled" rev="0.34.0">
  <artifact name="postcss-styled" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='postcss-styled', version='0.34.0')
)
libraryDependencies += "org.webjars.npm" % "postcss-styled" % "0.34.0"
[org.webjars.npm/postcss-styled "0.34.0"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

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

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

PostCSS Styled Syntax

NPM version Travis Travis Codecov David

PostCSS syntax for parsing styled components

Getting Started

First thing's first, install the module:

npm install postcss-styled --save-dev

Use Cases

const postcss = require('postcss');
const stylelint = require('stylelint');
const syntax = require('postcss-styled')({
	// syntax for parse css blocks (non-required options)
	css: require('postcss-safe-parser'),
});
postcss([stylelint({ fix: true })]).process(source, { syntax: syntax }).then(function (result) {
	// An alias for the result.css property. Use it with syntaxes that generate non-CSS output.
	result.content
});

input:

import styled from 'styled-components';
const Title = styled.h1`
	font-size:   1.5em;
		text-align:  center;
	color: palevioletred;
`;

output:

import styled from 'styled-components';
const Title = styled.h1`
	font-size: 1.5em;
	text-align: center;
	color: palevioletred;
`;

Advanced Use Cases

See: postcss-syntax

Style Transformations

The main use case of this plugin is to apply PostCSS transformations to CSS code in template literals.

Версии библиотеки

Версия
0.34.0