@master/css 2.0.0-beta.60 → 2.0.0-beta.61
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 +46 -75
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,18 +13,18 @@
|
|
|
13
13
|
<p align="center"><!-- package.description -->A Virtual CSS language with enhanced syntax ~15KB<!----></p>
|
|
14
14
|
|
|
15
15
|
<p align="center">
|
|
16
|
-
<a aria-label="
|
|
16
|
+
<a aria-label="GitHub release (latest by date including pre-releases)" href="https://github.com/master-co/css/releases">
|
|
17
17
|
<picture>
|
|
18
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/
|
|
19
|
-
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/
|
|
20
|
-
<img alt="NPM Version" src="https://img.shields.io/
|
|
18
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=212022&label=&style=for-the-badge&logo=github&logoColor=fff">
|
|
19
|
+
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github&logoColor=%23000">
|
|
20
|
+
<img alt="NPM Version" src="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github">
|
|
21
21
|
</picture>
|
|
22
22
|
</a>
|
|
23
|
-
<a aria-label="
|
|
23
|
+
<a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css">
|
|
24
24
|
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/
|
|
26
|
-
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/
|
|
27
|
-
<img alt="
|
|
25
|
+
<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">
|
|
26
|
+
<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">
|
|
27
|
+
<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">
|
|
28
28
|
</picture>
|
|
29
29
|
</a>
|
|
30
30
|
<a aria-label="JSDelivr" href="https://www.jsdelivr.com/package/npm/@master/css">
|
|
@@ -34,13 +34,6 @@
|
|
|
34
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
35
|
</picture>
|
|
36
36
|
</a>
|
|
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
|
-
</a>
|
|
44
37
|
<a aria-label="Discord Community" href="https://discord.gg/sZNKpAAAw6">
|
|
45
38
|
<picture>
|
|
46
39
|
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/discord/917780624314613760?color=212022&label=%20&logo=discord&style=for-the-badge">
|
|
@@ -57,9 +50,9 @@
|
|
|
57
50
|
</a>
|
|
58
51
|
<a aria-label="Github Actions" href="https://github.com/1aron/repo/actions/workflows/release.yml">
|
|
59
52
|
<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=
|
|
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=
|
|
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=
|
|
53
|
+
<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=githubactions&style=for-the-badge">
|
|
54
|
+
<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=githubactions&style=for-the-badge&logoColor=%23000">
|
|
55
|
+
<img alt="Github release actions" src="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
|
|
63
56
|
</picture>
|
|
64
57
|
</a>
|
|
65
58
|
</p>
|
|
@@ -67,67 +60,45 @@
|
|
|
67
60
|
</div>
|
|
68
61
|
|
|
69
62
|
## Documentation
|
|
70
|
-
|
|
71
|
-
Visit [css.master.co](https://css.master.co) to view the full documentation.
|
|
63
|
+
Visit [css.master.co](https://css.master.co) to view the full documentation
|
|
72
64
|
|
|
73
65
|
## Getting Started
|
|
74
|
-
|
|
75
|
-
Check out the [guides](https://css.master.co/docs/guides) to get started quickly with Master CSS.
|
|
66
|
+
Check out the [guides](https://css.master.co/docs/guides) to get started with Master CSS
|
|
76
67
|
|
|
77
68
|
## Ecosystem
|
|
78
69
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
</tr>
|
|
110
|
-
<tr>
|
|
111
|
-
<th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/keyframes.css">Master Keyframes CSS</a></th>
|
|
112
|
-
<td>Simple and useful CSS keyframes</td>
|
|
113
|
-
</tr>
|
|
114
|
-
<tr>
|
|
115
|
-
<th align="left" colspan="2">Related</th>
|
|
116
|
-
</tr>
|
|
117
|
-
<tr>
|
|
118
|
-
<th align="left"><a href="https://github.com/master-co/style-element.react">Style Element for React</a></th>
|
|
119
|
-
<td>Quickly create reusable React elements driven by class names</td>
|
|
120
|
-
</tr>
|
|
121
|
-
<tr>
|
|
122
|
-
<th align="left" colspan="2">Others</th>
|
|
123
|
-
</tr>
|
|
124
|
-
<tr>
|
|
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>
|
|
126
|
-
<td>Code completion, syntax highlighting, CSS hover preview, inline color decorators</td>
|
|
127
|
-
</tr>
|
|
128
|
-
</table>
|
|
70
|
+
#### Integrations
|
|
71
|
+
|
|
72
|
+
- [Compiler](https://github.com/master-co/css/tree/beta/packages/compiler) - The ahead-of-time compiler of Master CSS
|
|
73
|
+
- [Vite Plugin](https://github.com/master-co/css/tree/beta/packages/vite) - A vite plugin for integrating Master CSS AOT compilation
|
|
74
|
+
- [Webpack Plugin](https://github.com/master-co/css/tree/beta/packages/webpack) - A webpack plugin for integrating Master CSS AOT compilation
|
|
75
|
+
- [React](https://github.com/master-co/css/tree/beta/packages/react) - React hooks for Master CSS
|
|
76
|
+
|
|
77
|
+
#### Native Plugins
|
|
78
|
+
|
|
79
|
+
- [Normal CSS](https://github.com/master-co/css/tree/beta/packages/normal.css) - Normalize the browser's styles
|
|
80
|
+
- [Keyframes CSS](https://github.com/master-co/css/tree/beta/packages/keyframes.css) - Simple and useful CSS keyframes
|
|
81
|
+
|
|
82
|
+
#### Extensions
|
|
83
|
+
- [Master CSS Language Service](https://github.com/master-co/css-language-service) <sub><sup>Visual Studio Code</sup></sub> - Includes code completion, syntax highlighting, CSS hover preview, and inline color decorators
|
|
84
|
+
|
|
85
|
+
#### Related
|
|
86
|
+
|
|
87
|
+
- [Style Element for React](https://github.com/master-co/style-element.react) - Quickly create reusable React elements driven by class names
|
|
88
|
+
|
|
89
|
+
## Community
|
|
90
|
+
The Master CSS community can be found here:
|
|
91
|
+
|
|
92
|
+
- [Discuss on GitHub](https://github.com/master-co/css/discussions) - Ask questions, voice ideas, and do any other discussion.
|
|
93
|
+
- [Join our Discord Server](https://discord.com/invite/sZNKpAAAw6) - Casually chat with other people using the language. <sup><sub>✓ 中文</sub></sup>
|
|
94
|
+
|
|
95
|
+
###### [《 Code of Conduct 》](https://github.com/master-co/css/blob/main/CODE_OF_CONDUCT.md) applies to all Master CSS community channels.
|
|
96
|
+
|
|
97
|
+
## Contributing
|
|
98
|
+
Please see our *🚧 CONTRIBUTING.md* for workflow.
|
|
99
|
+
<!-- Please see our [🚧 CONTRIBUTING.md](https://github.com/master-co/css/blob/beta/.github/CONTRIBUTING.yml) for workflow. -->
|
|
129
100
|
|
|
130
101
|
## Inspiration
|
|
131
|
-
Some of
|
|
132
|
-
- The concept of enhanced syntax is inspired by [SASS](https://sass-lang.com/) and [Typescript](https://www.typescriptlang.org/)
|
|
133
|
-
- The concept of
|
|
102
|
+
Some of the core concepts and designs are inspired by these giants.
|
|
103
|
+
- The concept of enhanced syntax is inspired by [SASS](https://sass-lang.com/) and [Typescript](https://www.typescriptlang.org/)
|
|
104
|
+
- The concept of Virtual CSS is inspired by the [Virtual DOM](https://reactjs.org/docs/faq-internals.html)
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@master/css","scripts":{"build":"aron pack --platform=node","dev":"npm run build -- --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A Virtual CSS language with enhanced syntax ~13KB","author":"Aoyue Design LLC.","funding":"https://docs.master.co/css/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":["./src/polyfills/css-escape.ts"],"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","browser":"./dist/index.browser.js","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"files":["dist"],"dependencies":{"@master/keyframes.css":"^2.0.0-beta.
|
|
1
|
+
{"name":"@master/css","scripts":{"build":"aron pack --platform=node","dev":"npm run build -- --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A Virtual CSS language with enhanced syntax ~13KB","author":"Aoyue Design LLC.","funding":"https://docs.master.co/css/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":["./src/polyfills/css-escape.ts"],"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","browser":"./dist/index.browser.js","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"files":["dist"],"dependencies":{"@master/keyframes.css":"^2.0.0-beta.61","@master/normal.css":"^2.0.0-beta.61"},"version":"2.0.0-beta.61"}
|