@thi.ng/meta-css 0.5.0 → 0.6.0
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/CHANGELOG.md +21 -1
- package/README.md +223 -123
- package/index.js +6 -6
- package/package.json +15 -15
- package/specs/anim.mcss.json +44 -0
- package/specs/{aspect.json → aspect.mcss.json} +29 -7
- package/specs/{borders.json → borders.mcss.json} +4 -4
- package/specs/{colors.json → colors.mcss.json} +59 -13
- package/specs/content.mcss.json +10 -0
- package/specs/{dimensions.json → dimensions.mcss.json} +11 -10
- package/specs/display.mcss.json +28 -0
- package/specs/flex.mcss.json +39 -0
- package/specs/{grids.json → grids.mcss.json} +10 -10
- package/specs/{icons.json → icons.mcss.json} +1 -1
- package/specs/margins.mcss.json +52 -0
- package/specs/{normalize.json → normalize.mcss.json} +1 -0
- package/specs/{overflows.json → overflows.mcss.json} +1 -1
- package/specs/{positions.json → positions.mcss.json} +1 -1
- package/specs/print.mcss.json +25 -0
- package/specs/scroll.mcss.json +24 -0
- package/specs/{shadows.json → shadows.mcss.json} +3 -3
- package/specs/{typography.json → typography.mcss.json} +1 -1
- package/specs/anim.json +0 -21
- package/specs/display.json +0 -28
- package/specs/margins.json +0 -32
- /package/specs/{_info.json → _info.mcss.json} +0 -0
- /package/specs/{a11y.json → a11y.mcss.json} +0 -0
- /package/specs/{background.json → background.mcss.json} +0 -0
- /package/specs/{cursor.json → cursor.mcss.json} +0 -0
- /package/specs/{lists.json → lists.mcss.json} +0 -0
- /package/specs/{selection.json → selection.mcss.json} +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"specs": [
|
|
3
|
+
{
|
|
4
|
+
"user": "display mode",
|
|
5
|
+
"name": "<k>",
|
|
6
|
+
"props": "display",
|
|
7
|
+
"values": {
|
|
8
|
+
"db": "block",
|
|
9
|
+
"flex": "flex",
|
|
10
|
+
"grid": "grid",
|
|
11
|
+
"di": "inline",
|
|
12
|
+
"dib": "inline-block",
|
|
13
|
+
"dif": "inline-flex",
|
|
14
|
+
"dig": "inline-grid",
|
|
15
|
+
"dn": "none",
|
|
16
|
+
"dt": "table",
|
|
17
|
+
"dtc": "table-cell",
|
|
18
|
+
"dtr": "table-row"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"user": "visibility",
|
|
23
|
+
"name": "<v>",
|
|
24
|
+
"props": { "visibility": "<v> !important" },
|
|
25
|
+
"values": ["hidden", "visible", "collapse"]
|
|
26
|
+
}
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tables": {
|
|
3
|
+
"align": ["start", "end", "center"]
|
|
4
|
+
},
|
|
5
|
+
"vars": {
|
|
6
|
+
"align": [""],
|
|
7
|
+
"justify": [""],
|
|
8
|
+
"grow": [""],
|
|
9
|
+
"shrink": [""]
|
|
10
|
+
},
|
|
11
|
+
"specs": [
|
|
12
|
+
{
|
|
13
|
+
"user": "flex layout",
|
|
14
|
+
"name": "flex-<v>",
|
|
15
|
+
"props": "flex-direction",
|
|
16
|
+
"values": ["column", "column-reverse", "row", "row-reverse"]
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"user": "flex layout",
|
|
20
|
+
"name": "<vid>-content-<v>",
|
|
21
|
+
"props": "<vid>-content",
|
|
22
|
+
"values": "align",
|
|
23
|
+
"vars": ["align", "justify"]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"user": "flex layout",
|
|
27
|
+
"name": "flex-<v>",
|
|
28
|
+
"props": "flex-wrap",
|
|
29
|
+
"values": ["wrap", "nowrap", "wrap-reverse"]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"user": "flex layout",
|
|
33
|
+
"name": "flex-<vid><v>",
|
|
34
|
+
"props": "flex-<vid>",
|
|
35
|
+
"values": [0, 1],
|
|
36
|
+
"vars": ["grow", "shrink"]
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
"align": ["start", "end", "center", "stretch"]
|
|
4
4
|
},
|
|
5
5
|
"vars": {
|
|
6
|
-
"align": ["
|
|
7
|
-
"justify": ["
|
|
6
|
+
"align": [""],
|
|
7
|
+
"justify": [""],
|
|
8
8
|
"cols": ["columns"],
|
|
9
9
|
"rows": ["rows"]
|
|
10
10
|
},
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{
|
|
13
13
|
"user": "grid layout",
|
|
14
14
|
"name": "grid-<vid>-<k>",
|
|
15
|
-
"key": "
|
|
15
|
+
"key": "i+1",
|
|
16
16
|
"props": "grid-template-<var>",
|
|
17
17
|
"values": [
|
|
18
18
|
"1fr",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"repeat(9,1fr)",
|
|
27
27
|
"repeat(10,1fr)"
|
|
28
28
|
],
|
|
29
|
-
"
|
|
29
|
+
"vars": ["cols", "rows"]
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
"user": "grid layout",
|
|
@@ -44,17 +44,17 @@
|
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
"user": "grid layout",
|
|
47
|
-
"name": "<
|
|
48
|
-
"props": "<
|
|
47
|
+
"name": "<vid>-self-<v>",
|
|
48
|
+
"props": "<vid>-self",
|
|
49
49
|
"values": "align",
|
|
50
|
-
"
|
|
50
|
+
"vars": ["align", "justify"]
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
"user": "grid layout",
|
|
54
|
-
"name": "<
|
|
55
|
-
"props": "<
|
|
54
|
+
"name": "<vid>-items-<v>",
|
|
55
|
+
"props": "<vid>-items",
|
|
56
56
|
"values": "align",
|
|
57
|
-
"
|
|
57
|
+
"vars": ["align", "justify"]
|
|
58
58
|
}
|
|
59
59
|
]
|
|
60
60
|
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tables": {
|
|
3
|
+
"margins": [0, 0.25, 0.5, 1, 2, 4]
|
|
4
|
+
},
|
|
5
|
+
"vars": {
|
|
6
|
+
"s": ["start"],
|
|
7
|
+
"e": ["end"]
|
|
8
|
+
},
|
|
9
|
+
"specs": [
|
|
10
|
+
{
|
|
11
|
+
"user": "padding",
|
|
12
|
+
"name": "p<vid><k>",
|
|
13
|
+
"props": "padding<var>",
|
|
14
|
+
"values": "margins",
|
|
15
|
+
"unit": "rem",
|
|
16
|
+
"vars": ["a", "h", "v", "t", "r", "b", "l"]
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"user": "margin",
|
|
20
|
+
"name": "m<vid><k>",
|
|
21
|
+
"props": "margin<var>",
|
|
22
|
+
"values": "margins",
|
|
23
|
+
"unit": "rem",
|
|
24
|
+
"vars": ["a", "h", "v", "t", "r", "b", "l"]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"user": "margin",
|
|
28
|
+
"name": "<k>",
|
|
29
|
+
"props": {
|
|
30
|
+
"margin-left": "<v>",
|
|
31
|
+
"margin-right": "<v>"
|
|
32
|
+
},
|
|
33
|
+
"values": { "center": "auto" }
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"user": "padding",
|
|
37
|
+
"name": "pb<vid>-<k>",
|
|
38
|
+
"props": "padding-block-<var>",
|
|
39
|
+
"values": "margins",
|
|
40
|
+
"unit": "rem",
|
|
41
|
+
"vars": ["s", "e"]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"user": "margin",
|
|
45
|
+
"name": "mb<vid>-<k>",
|
|
46
|
+
"props": "margin-block-<var>",
|
|
47
|
+
"values": "margins",
|
|
48
|
+
"unit": "rem",
|
|
49
|
+
"vars": ["s", "e"]
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"decls": [
|
|
3
3
|
["@comment", "----- start: CSS normalization -----"],
|
|
4
|
+
["@comment", "based on: https://github.com/necolas/normalize.css"],
|
|
4
5
|
[":root", { "font-size": "16px" }],
|
|
5
6
|
["html", { "line-height": 1.15, "-webkit-text-size-adjust": "100%" }],
|
|
6
7
|
["body", { "margin": 0 }],
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"vars": {
|
|
3
|
+
"after": [""],
|
|
4
|
+
"before": [""]
|
|
5
|
+
},
|
|
6
|
+
"specs": [
|
|
7
|
+
{
|
|
8
|
+
"user": "print",
|
|
9
|
+
"name": "break-<vid>-<v>",
|
|
10
|
+
"props": "break-<vid>",
|
|
11
|
+
"values": [
|
|
12
|
+
"avoid",
|
|
13
|
+
"avoid-column",
|
|
14
|
+
"avoid-page",
|
|
15
|
+
"column",
|
|
16
|
+
"left",
|
|
17
|
+
"right",
|
|
18
|
+
"page",
|
|
19
|
+
"recto",
|
|
20
|
+
"verso"
|
|
21
|
+
],
|
|
22
|
+
"vars": ["after", "before"]
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"specs": [
|
|
3
|
+
{
|
|
4
|
+
"user": "scrolling",
|
|
5
|
+
"name": "ss-<v>",
|
|
6
|
+
"props": {
|
|
7
|
+
"scroll-snap-type": "<v> mandatory"
|
|
8
|
+
},
|
|
9
|
+
"values": ["x", "y", "both"]
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"user": "scrolling",
|
|
13
|
+
"name": "ss-<v>",
|
|
14
|
+
"props": "scroll-snap-align",
|
|
15
|
+
"values": ["start", "end", "center"]
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"user": "scrolling",
|
|
19
|
+
"name": "ss-<v>",
|
|
20
|
+
"props": "scroll-snap-stop",
|
|
21
|
+
"values": ["normal", "always"]
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
}
|
|
@@ -11,21 +11,21 @@
|
|
|
11
11
|
{
|
|
12
12
|
"user": "shadow",
|
|
13
13
|
"name": "box-shadow-<k>",
|
|
14
|
-
"key": "
|
|
14
|
+
"key": "i+1",
|
|
15
15
|
"props": "box-shadow",
|
|
16
16
|
"values": "shadows"
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
19
|
"user": "shadow",
|
|
20
20
|
"name": "box-shadow-i-<k>",
|
|
21
|
-
"key": "
|
|
21
|
+
"key": "i+1",
|
|
22
22
|
"props": { "box-shadow": "<v> inset" },
|
|
23
23
|
"values": "shadows"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
"user": "shadow",
|
|
27
27
|
"name": "text-shadow-<k>",
|
|
28
|
-
"key": "
|
|
28
|
+
"key": "i+1",
|
|
29
29
|
"props": "text-shadow",
|
|
30
30
|
"values": [
|
|
31
31
|
"1px 1px 2px #0003",
|
package/specs/anim.json
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"decls": [["@keyframes", "fadein", { "opacity": 0 }, { "opacity": 1 }]],
|
|
3
|
-
"specs": [
|
|
4
|
-
{
|
|
5
|
-
"user": "animations / transitions",
|
|
6
|
-
"name": "fadein<k>",
|
|
7
|
-
"key": "i1",
|
|
8
|
-
"props": { "animation": "fadein <v> ease-in-out forwards" },
|
|
9
|
-
"values": [0.25, 0.5, 1],
|
|
10
|
-
"unit": "second"
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
"user": "animations / transitions",
|
|
14
|
-
"name": "bg-anim<k>",
|
|
15
|
-
"key": "i1",
|
|
16
|
-
"props": { "transition": "<v> background-color ease-in-out" },
|
|
17
|
-
"values": [0.15, 0.25, 0.5],
|
|
18
|
-
"unit": "second"
|
|
19
|
-
}
|
|
20
|
-
]
|
|
21
|
-
}
|
package/specs/display.json
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"specs": [
|
|
3
|
-
{
|
|
4
|
-
"user": "display mode",
|
|
5
|
-
"name": "d<k>",
|
|
6
|
-
"props": "display",
|
|
7
|
-
"values": {
|
|
8
|
-
"b": "block",
|
|
9
|
-
"f": "flex",
|
|
10
|
-
"g": "grid",
|
|
11
|
-
"i": "inline",
|
|
12
|
-
"ib": "inline-block",
|
|
13
|
-
"if": "inline-flex",
|
|
14
|
-
"ig": "inline-grid",
|
|
15
|
-
"n": "none",
|
|
16
|
-
"t": "table",
|
|
17
|
-
"tc": "table-cell",
|
|
18
|
-
"tr": "table-row"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"user": "visibility",
|
|
23
|
-
"name": "<v>",
|
|
24
|
-
"props": { "visibility": "<v> !important" },
|
|
25
|
-
"values": ["hidden", "visible"]
|
|
26
|
-
}
|
|
27
|
-
]
|
|
28
|
-
}
|
package/specs/margins.json
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"tables": {
|
|
3
|
-
"margins": [0, 0.25, 0.5, 1, 2]
|
|
4
|
-
},
|
|
5
|
-
"specs": [
|
|
6
|
-
{
|
|
7
|
-
"user": "padding",
|
|
8
|
-
"name": "p<vid><k>",
|
|
9
|
-
"props": "padding<var>",
|
|
10
|
-
"values": "margins",
|
|
11
|
-
"unit": "rem",
|
|
12
|
-
"var": ["a", "h", "v", "t", "r", "b", "l"]
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"user": "margin",
|
|
16
|
-
"name": "m<vid><k>",
|
|
17
|
-
"props": "margin<var>",
|
|
18
|
-
"values": "margins",
|
|
19
|
-
"unit": "rem",
|
|
20
|
-
"var": ["a", "h", "v", "t", "r", "b", "l"]
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"user": "margin",
|
|
24
|
-
"name": "<k>",
|
|
25
|
-
"props": {
|
|
26
|
-
"margin-left": "<v>",
|
|
27
|
-
"margin-right": "<v>"
|
|
28
|
-
},
|
|
29
|
-
"values": { "center": "auto" }
|
|
30
|
-
}
|
|
31
|
-
]
|
|
32
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|