@master/css - npm Package Compare versions

Comparing version 1.35.14 to 1.35.15

package.json

@@ -28,3 +28,3 @@ {
     },
-    "version": "1.35.14"
+    "version": "1.35.15"
 }

README.md

@@ -35,5 +35,2 @@ <br><br>
 - [Quick Start](#quick-start)
-  - [Install](#install)
-  - [Import](#import)
-  - [Hello world](#hello-world)
 - [Inspiration](#inspiration)
@@ -49,16 +46,16 @@ - [Related](#related)
 - 🧠 Automatically generate corresponding CSS rules based on class names.
-- 🍬 With CSS syntax enhancements, you can **create UIs with less code**.
-- ⚡️ The JIT mode is only **~13KB**.
-- 💖 Directly use **performant JIT mode in production**.
+- 💖 With enhanced CSS syntax, you can **build UIs with less code**.
+- ⚡️ Directly use **performant JIT in production**. **~13KB**
 - 🧬 [An enhanced and structured CSS syntax](https://docs.master.co/css/syntax-tutorial) for class names.
 - 🌈 [A forerunner to syntax highlighting](https://docs.master.co/css/why-master-css#a-forerunner-to-syntax-highlighting) for class names.
 - ✨ [Hybrid Rendering](https://docs.master.co/css/hybrid-rendering) that allows you to **pre-generate CSS from HTML on the server side**, and then continue to **use JIT on the client side**.
-- 🤩 [Group Styles](https://docs.master.co/css/syntax-tutorial#group-styles) that allows you to extract the same selectors and media query styles and make it short.
-- 😲 [Reactive Styles](https://docs.master.co/css/syntax-tutorial#style-an-element-based-on-target-state) that allows you to style an element based on parent/sibling state.
-- ... [css.master.co ](https://css.master.co)
+- ✨ [Group Styles](https://docs.master.co/css/syntax-tutorial#group-styles) that allows you to extract the same selectors and media query styles and make it short.
+- ✨ [Reactive Styles](https://docs.master.co/css/syntax-tutorial#style-an-element-based-on-target-state) that allows you to style an element based on parent/sibling state.
 
+To learn more, check out the [documentation](https://docs.master.co/css/why-master-css).
+
 # [Why Master CSS](https://docs.master.co/css/why-master-css)
 A brief introduction starts by giving you an understanding of **markup-driven CSS**.
 
-🙁 This is your current/traditional code:
+😐 Traditional
 ```html
@@ -89,3 +86,3 @@ <style>
 ```
-To learn more, check out the documentation [Why Master CSS](https://docs.master.co/css/why-master-css).
+To learn more, check out the [Why Master CSS](https://docs.master.co/css/why-master-css) documentation.
 
@@ -95,6 +92,8 @@ # Quick Start
 
-## Install
 ```shell
 npm install @master/css
 ```
+```js
+import '@master/css';
+```
 or use a CDN
@@ -104,15 +103,7 @@ ```html
 ```
-
-## Import
-Import to your entry file. e.g: `src/main.js`
-```js
-import '@master/css';
-```
-
-## Hello world
-Now, start styling HTML with Master CSS 🎉
+Now, start styling HTML with Master CSS. 🎉
 ```html
 <h1 class="font:40 font:heavy italic m:50 text:center">Hello World</h1>
 ```
-To learn more, check out the documentation [Syntax tutorial](https://docs.master.co/css/syntax-tutorial).
+To learn more, check out the [Syntax tutorial](https://docs.master.co/css/syntax-tutorial) documentation.
 
@@ -119,0 +110,0 @@ # Inspiration

No alert changes

Worsened metrics

Total package byte prevSize

129357

decreased by-0.14%

Number of lines in readme file

116

decreased by-7.2%

No dependency changes