blob: 0d75b3717ff60da48c0f88fc0595ff155e0f2390 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<p align="center">
<img alt="Linaria" src="https://raw.githubusercontent.com/callstack/linaria/HEAD/website/assets/linaria-logo@2x.png" width="496">
</p>
<p align="center">
Zero-runtime CSS in JS library.
</p>
---
### 📖 Please refer to the [GitHub](https://github.com/callstack/linaria#readme) for full documentation.
## Features
- Write CSS in JS, but with **zero runtime**, CSS is extracted to CSS files during build
- Familiar **CSS syntax** with Sass like nesting
- Use **dynamic prop based styles** with the React bindings, uses CSS variables behind the scenes
- Easily find where the style was defined with **CSS sourcemaps**
- **Lint your CSS** in JS with [stylelint](https://github.com/stylelint/stylelint)
- Use **JavaScript for logic**, no CSS preprocessor needed
- Optionally use any **CSS preprocessor** such as Sass or PostCSS
**[Why use Linaria](../../docs/BENEFITS.md)**
## Installation
```sh
npm install @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
```
or
```sh
yarn add @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
```
|