stylelint-processor-glamorous

Lint glamorous and related css-in-js with stylelint

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
stylelint-processor-glamorous
17190.3.06 years ago6 years agoMinified + gzip package size for stylelint-processor-glamorous in KB

Readme

stylelint-processor-glamorous
Lint glamorous and related css-in-js with stylelint

Build Status

Installation

$ yarn add stylelint stylelint-processor-glamorous stylelint-config-standard --dev

> You don't have to use the standard config. You can use ``styleilint-config-recommended`` or use your own cusotm config. Certain rules that enforce formatting are ignored.
Add ``.stylelintrc`` to the root of your project.
{
  "processors": ["stylelint-processor-glamorous"],
  "extends": "stylelint-config-standard"
}

That's it. You can now run stylelint from the command line.
$ yarn stylelint 'src/**/*.js'


What gets linted

  • Glamorous component factories
```js
const Component = glamorous.div({ ... });
```
  • CSS attributes

```jsx
<Div css={{ ... }}/>
```
  • Annotated object literals.
```js export const styles =
// @css
{
  ...
}
```
The ``@css`` comment tells the processor that its a style object. Make sure you put it right before the opening brace.


LICENSE: MIT