effcss 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -7
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -13,16 +13,23 @@
|
|
|
13
13
|
|
|
14
14
|
</div>
|
|
15
15
|
|
|
16
|
-
Effcss is a
|
|
16
|
+
Effcss is a self-confident CSS-in-JS library based only on the browser APIs.
|
|
17
17
|
|
|
18
18
|
## Links
|
|
19
19
|
|
|
20
20
|
- [Docs](https://effcss.surge.sh)
|
|
21
21
|
- [Repository](https://gitverse.ru/msabitov/effcss)
|
|
22
22
|
- [Github mirror](https://github.com/msabitov/effcss)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
|
|
24
|
+
## Use in
|
|
25
|
+
|
|
26
|
+
- [React](https://stackblitz.com/edit/vitejs-react-effcss?file=index.html)
|
|
27
|
+
- [Svelte](https://stackblitz.com/edit/vitejs-svelte-effcss?file=index.html)
|
|
28
|
+
- [Vue](https://stackblitz.com/edit/vitejs-vue-effcss?file=index.html)
|
|
29
|
+
- [Preact](https://stackblitz.com/edit/vitejs-preact-effcss?file=index.html)
|
|
30
|
+
- [Qwik](https://stackblitz.com/edit/vitejs-qwik-effcss?file=index.html)
|
|
31
|
+
- [Solid js](https://stackblitz.com/edit/vitejs-solid-effcss?file=index.html)
|
|
32
|
+
- [static project without framework](https://stackblitz.com/edit/static-effcs?file=index.html)
|
|
26
33
|
|
|
27
34
|
## Some features
|
|
28
35
|
|
|
@@ -35,17 +42,24 @@ Effcss is a next generation CSS-in-JS library based only on the browser APIs.
|
|
|
35
42
|
|
|
36
43
|
## Installation
|
|
37
44
|
|
|
38
|
-
|
|
45
|
+
Type in your terminal:
|
|
39
46
|
|
|
40
|
-
```
|
|
47
|
+
```sh
|
|
48
|
+
# npm
|
|
41
49
|
npm i effcss
|
|
50
|
+
|
|
51
|
+
# pnpm
|
|
52
|
+
pnpm add effcss
|
|
53
|
+
|
|
54
|
+
# yarn
|
|
55
|
+
yarn add effcss
|
|
42
56
|
```
|
|
43
57
|
|
|
44
58
|
## Concepts
|
|
45
59
|
|
|
46
60
|
Effcss consists of two parts - **style provider** and **style config**.
|
|
47
61
|
|
|
48
|
-
**Style provider** is the static part that defines special web component (by default, `<style-provider>`).
|
|
62
|
+
**Style provider** is the static part that defines special web component (by default, `<style-provider>`). One script is all it takes:
|
|
49
63
|
|
|
50
64
|
```html
|
|
51
65
|
<script src="https://unpkg.com/effcss/dist/build/define-provider.min.js" crossorigin="anonymous"></script>
|