npm - @master/css - Versions diffs - 2.0.0-beta.60 → 2.0.0-beta.62 - Mend

@master/css 2.0.0-beta.60 → 2.0.0-beta.62

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.

Files changed (2) hide show

package/README.md +46 -75
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -13,18 +13,18 @@
 <p align="center"><!-- package.description -->A Virtual CSS language with enhanced syntax ~15KB<!----></p>
 <p align="center">
-    <a aria-label="NPM Version" href="https://www.npmjs.com/package/@master/css">
+    <a aria-label="GitHub release (latest by date including pre-releases)" href="https://github.com/master-co/css/releases">
         <picture>
-            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/v/@master/css?color=212022&label=&style=for-the-badge">
-            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/v/@master/css?color=f6f7f8&label=&style=for-the-badge">
-            <img alt="NPM Version" src="https://img.shields.io/npm/v/@master/css?color=f6f7f8&label=&style=for-the-badge">
+            <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">
+            <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">
+            <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">
         </picture>
     </a>
-    <a aria-label="License" href="https://github.com/master-co/css/blob/main/LICENSE">
+    <a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css">
         <picture>
-            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/l/@master/css?color=212022&label=%20&style=for-the-badge">
-            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/l/@master/css?color=f6f7f8&label=%20&style=for-the-badge">
-            <img alt="License" src="https://img.shields.io/npm/l/@master/css?color=f6f7f8&label=%20&style=for-the-badge">
+            <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">
+            <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">
+            <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">
         </picture>
     </a>
     <a aria-label="JSDelivr" href="https://www.jsdelivr.com/package/npm/@master/css">
@@ -34,13 +34,6 @@
             <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">
         </picture>
     </a>
-    <a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css">
-        <picture>
-            <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">
-            <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">
-            <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">
-        </picture>
-    </a>
     <a aria-label="Discord Community" href="https://discord.gg/sZNKpAAAw6">
         <picture>
             <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 @@
     </a>
     <a aria-label="Github Actions" href="https://github.com/1aron/repo/actions/workflows/release.yml">
         <picture>
-            <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">
-            <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">
-            <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">
+            <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">
+            <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">
+            <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">
         </picture>
     </a>
 </p>
@@ -67,67 +60,45 @@
 </div>
 ## Documentation
-Visit [css.master.co](https://css.master.co) to view the full documentation.
+Visit [css.master.co](https://css.master.co) to view the full documentation
 ## Getting Started
-Check out the [guides](https://css.master.co/docs/guides) to get started quickly with Master CSS.
+Check out the [guides](https://css.master.co/docs/guides) to get started with Master CSS
 ## Ecosystem
+We've built various integrations and tools around Master CSS:
+##### Build Tools
+- [Vite Plugin](https://github.com/master-co/css/tree/beta/packages/vite) - A vite plugin for integrating Master CSS AOT compilation
+- [Webpack Plugin](https://github.com/master-co/css/tree/beta/packages/webpack) - A webpack plugin for integrating Master CSS AOT compilation
+- [Compiler](https://github.com/master-co/css/tree/beta/packages/compiler) - The ahead-of-time compiler of Master CSS
+##### Libraries and Frameworks
+- [React](https://github.com/master-co/css/tree/beta/packages/react) - React hooks for Master CSS
+- [Style Element for React](https://github.com/master-co/style-element.react) - Quickly create reusable React elements driven by class names
+##### Native Plugins
+- [Normal CSS](https://github.com/master-co/css/tree/beta/packages/normal.css) - Normalize the browser's styles
+- [Keyframes CSS](https://github.com/master-co/css/tree/beta/packages/keyframes.css) - Simple and useful CSS keyframes
+##### Extensions
+- [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
+## Community
+The Master CSS community can be found here:
+- [Discuss on GitHub](https://github.com/master-co/css/discussions) - Ask questions, voice ideas, and do any other discussion
+- [Join our Discord Server](https://discord.com/invite/sZNKpAAAw6) - Casually chat with other people using the language <sup><sub>✓ 中文</sub></sup>
+<sub>Our [《 Code of Conduct 》](https://github.com/master-co/css/blob/main/CODE_OF_CONDUCT.md) applies to all Master CSS community channels.</sub>
-<table layout="fixed">
-    <tr>
-        <th align="left">Packages</th>
-        <th align="left">Introduction</th>
-    </tr>
-    <tr>
-        <th align="left" colspan="2">Integrations</th>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/compiler">Master CSS Compiler</a></th>
-        <td>Ahead-of-time compiler for Master CSS</td>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/vite">Master CSS Vite</a></th>
-        <td>A vite plugin that integrates with the AOT compilation of Master CSS</td>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/webpack">Master CSS Webpack</a></th>
-        <td>A webpack plugin that integrates with the AOT compilation of Master CSS</td>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/react">Master CSS React</a></th>
-        <td>React hooks for Master CSS</td>
-    </tr>
-    <tr>
-        <th align="left" colspan="2">Native CSS</th>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/normal.css">Master Normal CSS</a></th>
-        <td>Normalize browser's styles</td>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/css/tree/beta/packages/keyframes.css">Master Keyframes CSS</a></th>
-        <td>Simple and useful CSS keyframes</td>
-    </tr>
-    <tr>
-        <th align="left" colspan="2">Related</th>
-    </tr>
-    <tr>
-        <th align="left"><a href="https://github.com/master-co/style-element.react">Style Element for React</a></th>
-        <td>Quickly create reusable React elements driven by class names</td>
-    </tr>
-    <tr>
-        <th align="left" colspan="2">Others</th>
-    </tr>
-    <tr>
-        <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>
-        <td>Code completion, syntax highlighting, CSS hover preview, inline color decorators</td>
-    </tr>
-</table>
+## Contributing
+Please see our *🚧 CONTRIBUTING.md* for workflow.
+<!-- Please see our [🚧 CONTRIBUTING.md](https://github.com/master-co/css/blob/beta/.github/CONTRIBUTING.yml) for workflow. -->
 ## Inspiration
-Some of our core concepts and designs are inspired by these giants.
-- The concept of enhanced syntax is inspired by [SASS](https://sass-lang.com/) and [Typescript](https://www.typescriptlang.org/).
-- The concept of __Virtual CSS__ is inspired by the [Virtual DOM](https://reactjs.org/docs/faq-internals.html).
+Some of the core concepts and designs are inspired by these giants.
+- The concept of enhanced syntax is inspired by [SASS](https://sass-lang.com/) and [TypeScript](https://www.typescriptlang.org/)
+- The concept of Virtual CSS is inspired by the [Virtual DOM](https://reactjs.org/docs/faq-internals.html)

package/package.json CHANGED Viewed

	@@ -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.60","@master/normal.css":"^2.0.0-beta.60"},"version":"2.0.0-beta.60"}
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.62","@master/normal.css":"^2.0.0-beta.62"},"version":"2.0.0-beta.62"}