@master/css 1.35.8 → 1.35.11
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 +13 -24
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<p align="center">
|
|
8
8
|
<b><!-- name -->CSS<!----></b>
|
|
9
9
|
</p>
|
|
10
|
-
<p align="center"><!-- package.description -->A Virtual CSS language with enhanced syntax.
|
|
10
|
+
<p align="center"><!-- package.description -->A Virtual CSS language with enhanced syntax. ~13KB<!----></p>
|
|
11
11
|
|
|
12
12
|
[](https://github.com/master-co/css/blob/main/LICENSE)
|
|
13
13
|
[](https://www.npmjs.com/package/@master/css)
|
|
@@ -22,26 +22,21 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
Documentation
|
|
26
25
|
- [Introduction](https://css.master.co)
|
|
27
26
|
- [Setup](https://docs.master.co/css/setup)
|
|
28
|
-
- [Why](https://docs.master.co/css/why)
|
|
29
|
-
|
|
30
|
-
Community
|
|
27
|
+
- [Why Master CSS](https://docs.master.co/css/why-master-css)
|
|
31
28
|
- [Github Discussions](https://github.com/master-co/css/discussions)
|
|
32
29
|
- [Join Master Discord](https://discord.gg/sZNKpAAAw6)
|
|
33
30
|
|
|
34
|
-
|
|
35
|
-
- A [Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=masterco.master-css-language-service) for Master CSS. Provides code-completion and syntax highlighting.
|
|
31
|
+
##### On this page
|
|
36
32
|
|
|
37
|
-
On this page
|
|
38
33
|
- [Quick Start](#quick-start)
|
|
39
34
|
- [1. Download](#1-download)
|
|
40
|
-
- [2. Import
|
|
35
|
+
- [2. Import](#2-import)
|
|
41
36
|
- [Hello World](#hello-world)
|
|
42
|
-
- [Official Normal CSS](#official-normal-css)
|
|
43
37
|
- [Original Design](#original-design)
|
|
44
38
|
- [Inspiration](#inspiration)
|
|
39
|
+
- [Related](#related)
|
|
45
40
|
|
|
46
41
|
# Quick Start
|
|
47
42
|
This is just a quick start guide, the official [documentation](https://docs.master.co/styles/setup) here.
|
|
@@ -55,7 +50,7 @@ Or use a CDN
|
|
|
55
50
|
<script src="https://cdn.jsdelivr.net/npm/@master/css"></script>
|
|
56
51
|
```
|
|
57
52
|
|
|
58
|
-
## 2. Import
|
|
53
|
+
## 2. Import
|
|
59
54
|
```js
|
|
60
55
|
import '@master/css'
|
|
61
56
|
```
|
|
@@ -68,18 +63,6 @@ import '@master/css'
|
|
|
68
63
|
```
|
|
69
64
|
Next, learn the common [Syntax - Master CSS](https://docs.master.co/styles/syntax)!
|
|
70
65
|
|
|
71
|
-
# Official Normal CSS
|
|
72
|
-
Normalize browser's styles: [`@master/normal.css`](https://github.com/master-co/normal.css)
|
|
73
|
-
|
|
74
|
-
import `@master/normal.css` into your global css file
|
|
75
|
-
```css
|
|
76
|
-
@import '@master/normal.css';
|
|
77
|
-
```
|
|
78
|
-
or use a CDN
|
|
79
|
-
```html
|
|
80
|
-
<link href="https://cdn.jsdelivr.net/npm/@master/normal.css" rel="stylesheet">
|
|
81
|
-
```
|
|
82
|
-
|
|
83
66
|
# Original Design
|
|
84
67
|
- __Master CSS Syntax__: As a whole new language, Master created our own unique syntax.
|
|
85
68
|
- __Class Highlight__: Master is the first language to highlight class names in markup.
|
|
@@ -91,4 +74,10 @@ or use a CDN
|
|
|
91
74
|
# Inspiration
|
|
92
75
|
Some of our core concepts and designs are inspired by these giants.
|
|
93
76
|
- __Language__: Master is a language, but it was originally inspired by [ACSS](https://acss.io/)'s concept of atomic classes.
|
|
94
|
-
- __Virtual CSS__: Difference algorithms, virtual models, etc. are inspired by [Virtual DOM](https://reactjs.org/docs/faq-internals.html).
|
|
77
|
+
- __Virtual CSS__: Difference algorithms, virtual models, etc. are inspired by [Virtual DOM](https://reactjs.org/docs/faq-internals.html).
|
|
78
|
+
|
|
79
|
+
# Related
|
|
80
|
+
- [Master CSS Language Service](https://marketplace.visualstudio.com/items?itemName=masterco.master-css-language-service) - A Visual Studio Code extension for Master CSS. Provides code-completion and syntax highlighting.
|
|
81
|
+
- [@master/normal.css](https://github.com/master-co/normal.css) - Normalize browser's styles. ~1KB
|
|
82
|
+
- [@master/keyframes.css](https://github.com/master-co/keyframes.css) - Simple and useful CSS keyframes. ~0.4KB
|
|
83
|
+
- [@master/style-element.react](https://github.com/master-co/style-element.react) - Quickly create styled React elements with conditional class names.
|
package/package.json
CHANGED