@master/css 2.0.0-beta.46 → 2.0.0-beta.48
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 +57 -45
- package/package.json +5 -1
package/README.md
CHANGED
|
@@ -2,53 +2,65 @@
|
|
|
2
2
|
<div align="center">
|
|
3
3
|
|
|
4
4
|
<p align="center">
|
|
5
|
-
<
|
|
6
|
-
|
|
5
|
+
<a href="https://css.master.co">
|
|
6
|
+
<picture>
|
|
7
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/33840671/201701649-3bb7d698-abec-4d5f-ac30-ccc4d7bafcd4.svg">
|
|
8
|
+
<source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg">
|
|
9
|
+
<img alt="Master CSS" src="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg" width="100%">
|
|
10
|
+
</picture>
|
|
11
|
+
</a>
|
|
7
12
|
</p>
|
|
8
13
|
<p align="center"><!-- package.description -->A Virtual CSS language with enhanced syntax ~15KB<!----></p>
|
|
9
14
|
|
|
10
15
|
<p align="center">
|
|
11
|
-
<a aria-label="NPM Version" href="https://www.npmjs.com/package/@master/css
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<a aria-label="License" href="https://github.com/master-co/css/blob/main/LICENSE#gh-dark-mode-only">
|
|
18
|
-
<img alt="NPM" src="https://img.shields.io/npm/l/@master/css?color=212022&label=%20&style=for-the-badge">
|
|
19
|
-
</a>
|
|
20
|
-
<a aria-label="License" href="https://github.com/master-co/css/blob/main/LICENSE#gh-light-mode-only">
|
|
21
|
-
<img alt="NPM" src="https://img.shields.io/npm/l/@master/css?color=f6f7f8&label=%20&style=for-the-badge">
|
|
22
|
-
</a>
|
|
23
|
-
<a aria-label="NPM Package" href="https://www.jsdelivr.com/package/npm/@master/css#gh-dark-mode-only">
|
|
24
|
-
<img alt="jsDelivr hits (npm scoped)" src="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=212022&label=%20&logo=jsdelivr&style=for-the-badge">
|
|
25
|
-
</a>
|
|
26
|
-
<a aria-label="NPM Package" href="https://www.jsdelivr.com/package/npm/@master/css#gh-light-mode-only">
|
|
27
|
-
<img alt="jsDelivr hits (npm scoped)" src="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=f6f7f8&label=%20&logo=jsdelivr&style=for-the-badge">
|
|
28
|
-
</a>
|
|
29
|
-
<a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css#gh-dark-mode-only">
|
|
30
|
-
<img alt="npm" src="https://img.shields.io/npm/dm/@master/css?color=212022&label=%20&logo=npm&style=for-the-badge">
|
|
31
|
-
</a>
|
|
32
|
-
<a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css#gh-light-mode-only">
|
|
33
|
-
<img alt="npm" src="https://img.shields.io/npm/dm/@master/css?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
|
|
16
|
+
<a aria-label="NPM Version" href="https://www.npmjs.com/package/@master/css">
|
|
17
|
+
<picture>
|
|
18
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/v/@master/css?color=212022&label=&style=for-the-badge">
|
|
19
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/v/@master/css?color=f6f7f8&label=&style=for-the-badge">
|
|
20
|
+
<img alt="NPM Version" src="https://img.shields.io/npm/v/@master/css?color=f6f7f8&label=&style=for-the-badge">
|
|
21
|
+
</picture>
|
|
34
22
|
</a>
|
|
35
|
-
<a aria-label="
|
|
36
|
-
<
|
|
23
|
+
<a aria-label="License" href="https://github.com/master-co/css/blob/main/LICENSE">
|
|
24
|
+
<picture>
|
|
25
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/l/@master/css?color=212022&label=%20&style=for-the-badge">
|
|
26
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/l/@master/css?color=f6f7f8&label=%20&style=for-the-badge">
|
|
27
|
+
<img alt="License" src="https://img.shields.io/npm/l/@master/css?color=f6f7f8&label=%20&style=for-the-badge">
|
|
28
|
+
</picture>
|
|
37
29
|
</a>
|
|
38
|
-
<a aria-label="
|
|
39
|
-
<
|
|
30
|
+
<a aria-label="JSDelivr" href="https://www.jsdelivr.com/package/npm/@master/css">
|
|
31
|
+
<picture>
|
|
32
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=212022&label=%20&logo=jsdelivr&style=for-the-badge">
|
|
33
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=f6f7f8&label=%20&logo=jsdelivr&style=for-the-badge">
|
|
34
|
+
<img alt="JSDelivr hits (npm scoped)" src="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=f6f7f8&label=%20&logo=jsdelivr&style=for-the-badge">
|
|
35
|
+
</picture>
|
|
40
36
|
</a>
|
|
41
|
-
<a aria-label="
|
|
42
|
-
<
|
|
37
|
+
<a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css">
|
|
38
|
+
<picture>
|
|
39
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/dm/@master/css?color=212022&label=%20&logo=npm&style=for-the-badge">
|
|
40
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/dm/@master/css?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
|
|
41
|
+
<img alt="NPM package ( download / month )" src="https://img.shields.io/npm/dm/@master/css?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
|
|
42
|
+
</picture>
|
|
43
43
|
</a>
|
|
44
|
-
<a aria-label="
|
|
45
|
-
<
|
|
44
|
+
<a aria-label="Discord Community" href="https://discord.gg/sZNKpAAAw6">
|
|
45
|
+
<picture>
|
|
46
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/discord/917780624314613760?color=212022&label=%20&logo=discord&style=for-the-badge">
|
|
47
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge">
|
|
48
|
+
<img alt="Discord online" src="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge">
|
|
49
|
+
</picture>
|
|
46
50
|
</a>
|
|
47
|
-
<a aria-label="
|
|
48
|
-
<
|
|
51
|
+
<a aria-label="Follow @mastercorg" href="https://twitter.com/mastercorg">
|
|
52
|
+
<picture>
|
|
53
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=212022&logo=twitter&style=for-the-badge">
|
|
54
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
|
|
55
|
+
<img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
|
|
56
|
+
</picture>
|
|
49
57
|
</a>
|
|
50
|
-
<a aria-label="
|
|
51
|
-
<
|
|
58
|
+
<a aria-label="Github Actions" href="https://twitter.com/mastercorg">
|
|
59
|
+
<picture>
|
|
60
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=212022&logo=github&style=for-the-badge">
|
|
61
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=f6f7f8&logo=github&style=for-the-badge&logoColor=%23000">
|
|
62
|
+
<img alt="Github release actions" src="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=f6f7f8&logo=github&style=for-the-badge&logoColor=%23000">
|
|
63
|
+
</picture>
|
|
52
64
|
</a>
|
|
53
65
|
</p>
|
|
54
66
|
|
|
@@ -73,44 +85,44 @@ Check out the [guides](https://css.master.co/docs/guides) to get started quickly
|
|
|
73
85
|
<th align="left" colspan="2">Integrations</th>
|
|
74
86
|
</tr>
|
|
75
87
|
<tr>
|
|
76
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/compiler"
|
|
88
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/compiler">Master CSS Compiler</a></th>
|
|
77
89
|
<td>Ahead-of-time compiler for Master CSS</td>
|
|
78
90
|
</tr>
|
|
79
91
|
<tr>
|
|
80
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/vite"
|
|
92
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/vite">Master CSS Vite</a></th>
|
|
81
93
|
<td>A vite plugin that integrates with the AOT compilation of Master CSS</td>
|
|
82
94
|
</tr>
|
|
83
95
|
<tr>
|
|
84
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/webpack"
|
|
96
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/webpack">Master CSS Webpack</a></th>
|
|
85
97
|
<td>A webpack plugin that integrates with the AOT compilation of Master CSS</td>
|
|
86
98
|
</tr>
|
|
87
99
|
<tr>
|
|
88
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/react"
|
|
100
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/react">Master CSS React</a></th>
|
|
89
101
|
<td>React hooks for Master CSS</td>
|
|
90
102
|
</tr>
|
|
91
103
|
<tr>
|
|
92
104
|
<th align="left" colspan="2">Native CSS</th>
|
|
93
105
|
</tr>
|
|
94
106
|
<tr>
|
|
95
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/normal.css"
|
|
107
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/normal.css">Master Normal CSS</a></th>
|
|
96
108
|
<td>Normalize browser's styles</td>
|
|
97
109
|
</tr>
|
|
98
110
|
<tr>
|
|
99
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/keyframes.css"
|
|
111
|
+
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/keyframes.css">Master Keyframes CSS</a></th>
|
|
100
112
|
<td>Simple and useful CSS keyframes</td>
|
|
101
113
|
</tr>
|
|
102
114
|
<tr>
|
|
103
115
|
<th align="left" colspan="2">Related</th>
|
|
104
116
|
</tr>
|
|
105
117
|
<tr>
|
|
106
|
-
<th align="left"><a href="https://github.com/master-co/style-element.react"
|
|
118
|
+
<th align="left"><a href="https://github.com/master-co/style-element.react">Style Element for React</a></th>
|
|
107
119
|
<td>Quickly create reusable React elements driven by class names</td>
|
|
108
120
|
</tr>
|
|
109
121
|
<tr>
|
|
110
122
|
<th align="left" colspan="2">Others</th>
|
|
111
123
|
</tr>
|
|
112
124
|
<tr>
|
|
113
|
-
<th align="left"><a href="https://github.com/master-co/css-language-service"
|
|
125
|
+
<th align="left"><a href="https://github.com/master-co/css-language-service">Master CSS Language Service<br><sub>Visual Studio Code Extension</sub></a></th>
|
|
114
126
|
<td>Code completion, syntax highlighting, CSS hover preview, inline color decorators</td>
|
|
115
127
|
</tr>
|
|
116
128
|
</table>
|