@thi.ng/meta-css 0.2.0 → 0.4.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 +16 -1
- package/README.md +458 -413
- package/index.js +6 -6
- package/package.json +8 -5
- package/specs/a11y.json +32 -0
- package/specs/aspect.json +38 -0
- package/specs/background.json +26 -0
- package/specs/borders.json +17 -0
- package/specs/dimensions.json +43 -25
- package/specs/display.json +6 -0
- package/specs/grids.json +60 -0
- package/specs/icons.json +30 -0
- package/specs/normalize.json +156 -0
- package/specs/positions.json +1 -1
- package/specs/selection.json +15 -0
- package/specs/shadows.json +43 -0
- package/specs/typography.json +15 -5
- package/specs/grid.json +0 -39
- package/specs/shadow.json +0 -26
- /package/specs/{overflow.json → overflows.json} +0 -0
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"decls": [
|
|
3
|
+
[":root", { "font-size": "16px" }],
|
|
4
|
+
["html", { "line-height": 1.15, "-webkit-text-size-adjust": "100%" }],
|
|
5
|
+
["body", { "margin": 0 }],
|
|
6
|
+
["h1", { "font-size": "2em", "margin": "0.67em 0" }],
|
|
7
|
+
[
|
|
8
|
+
"hr",
|
|
9
|
+
{
|
|
10
|
+
"-webkit-box-sizing": "content-box",
|
|
11
|
+
"box-sizing": "content-box",
|
|
12
|
+
"height": 0,
|
|
13
|
+
"overflow": "visible"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
["a", { "background-color": "transparent" }],
|
|
17
|
+
[
|
|
18
|
+
"abbr[title]",
|
|
19
|
+
{
|
|
20
|
+
"border-bottom": "none",
|
|
21
|
+
"text-decoration": "underline dotted"
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
["b", "strong", { "font-weight": "bolder" }],
|
|
25
|
+
[
|
|
26
|
+
"code",
|
|
27
|
+
"kbd",
|
|
28
|
+
"samp",
|
|
29
|
+
{ "font-family": "monospace", "font-size": "1em" }
|
|
30
|
+
],
|
|
31
|
+
["small", { "font-size": "80%" }],
|
|
32
|
+
[
|
|
33
|
+
"sub",
|
|
34
|
+
"sup",
|
|
35
|
+
{
|
|
36
|
+
"font-size": "75%",
|
|
37
|
+
"line-height": 0,
|
|
38
|
+
"position": "relative",
|
|
39
|
+
"vertical-align": "baseline"
|
|
40
|
+
}
|
|
41
|
+
],
|
|
42
|
+
["sub", { "bottom": "-0.25em" }],
|
|
43
|
+
["sup", { "top": "-0.5em" }],
|
|
44
|
+
["img", { "border-style": "none" }],
|
|
45
|
+
[
|
|
46
|
+
"button",
|
|
47
|
+
"input",
|
|
48
|
+
"optgroup",
|
|
49
|
+
"select",
|
|
50
|
+
"textarea",
|
|
51
|
+
{
|
|
52
|
+
"font-family": "inherit",
|
|
53
|
+
"font-size": "100%",
|
|
54
|
+
"line-height": 1.15,
|
|
55
|
+
"margin": 0
|
|
56
|
+
}
|
|
57
|
+
],
|
|
58
|
+
["button", "input", { "overflow": "visible" }],
|
|
59
|
+
["button", "select", { "text-transform": "none" }],
|
|
60
|
+
[
|
|
61
|
+
"button",
|
|
62
|
+
"[type=\"button\"]",
|
|
63
|
+
"[type=\"reset\"]",
|
|
64
|
+
"[type=\"submit\"]",
|
|
65
|
+
{ "-webkit-appearance": "button" },
|
|
66
|
+
["::-moz-focus-inner", { "border-style": "none", "padding": 0 }],
|
|
67
|
+
[":-moz-focusring", { "outline": "1px dotted ButtonText" }]
|
|
68
|
+
],
|
|
69
|
+
["fieldset", { "padding": "0.35em 0.75em 0.625em" }],
|
|
70
|
+
[
|
|
71
|
+
"legend",
|
|
72
|
+
{
|
|
73
|
+
"display": "table",
|
|
74
|
+
"max-width": "100%",
|
|
75
|
+
"padding": 0,
|
|
76
|
+
"white-space": "normal"
|
|
77
|
+
}
|
|
78
|
+
],
|
|
79
|
+
["progress", { "vertical-align": "baseline" }],
|
|
80
|
+
["textarea", { "overflow": "auto" }],
|
|
81
|
+
["[type=\"checkbox\"]", "[type=\"radio\"]", { "padding": 0 }],
|
|
82
|
+
[
|
|
83
|
+
"[type=\"number\"]",
|
|
84
|
+
[
|
|
85
|
+
"::-webkit-inner-spin-button",
|
|
86
|
+
"::-webkit-outer-spin-button",
|
|
87
|
+
{ "height": "auto" }
|
|
88
|
+
]
|
|
89
|
+
],
|
|
90
|
+
[
|
|
91
|
+
"[type=\"search\"]",
|
|
92
|
+
{
|
|
93
|
+
"-webkit-appearance": "textfield",
|
|
94
|
+
"outline-offset": "-2px"
|
|
95
|
+
},
|
|
96
|
+
["::-webkit-search-decoration", { "-webkit-appearance": "none" }]
|
|
97
|
+
],
|
|
98
|
+
[
|
|
99
|
+
"::-webkit-file-upload-button",
|
|
100
|
+
{
|
|
101
|
+
"-webkit-appearance": "button",
|
|
102
|
+
"font": "inherit"
|
|
103
|
+
}
|
|
104
|
+
],
|
|
105
|
+
["details", { "display": "block" }],
|
|
106
|
+
["summary", { "display": "list-item" }],
|
|
107
|
+
["[hidden]", "template", { "display": "none" }],
|
|
108
|
+
[
|
|
109
|
+
"html",
|
|
110
|
+
"legend",
|
|
111
|
+
"input",
|
|
112
|
+
"textarea",
|
|
113
|
+
"[type=\"checkbox\"]",
|
|
114
|
+
"[type=\"date\"]",
|
|
115
|
+
"[type=\"datetime-local\"]",
|
|
116
|
+
"[type=\"file\"]",
|
|
117
|
+
"[type=\"radio\"]",
|
|
118
|
+
"[type=\"search\"]",
|
|
119
|
+
{ "box-sizing": "border-box", "-webkit-box-sizing": "border-box" }
|
|
120
|
+
],
|
|
121
|
+
["*", ":before", ":after", { "box-sizing": "inherit" }],
|
|
122
|
+
["html", "body", { "min-height": "100%" }],
|
|
123
|
+
["img", { "max-width": "100%", "height": "auto" }],
|
|
124
|
+
[
|
|
125
|
+
"blockquote",
|
|
126
|
+
"caption",
|
|
127
|
+
"cite",
|
|
128
|
+
"dd",
|
|
129
|
+
"dl",
|
|
130
|
+
"dt",
|
|
131
|
+
"fieldset",
|
|
132
|
+
"figcaption",
|
|
133
|
+
"h1",
|
|
134
|
+
"h2",
|
|
135
|
+
"h3",
|
|
136
|
+
"h4",
|
|
137
|
+
"h5",
|
|
138
|
+
"h6",
|
|
139
|
+
"hr",
|
|
140
|
+
"input",
|
|
141
|
+
"label",
|
|
142
|
+
"legend",
|
|
143
|
+
"ol",
|
|
144
|
+
"ol li",
|
|
145
|
+
"p",
|
|
146
|
+
"progress",
|
|
147
|
+
"table",
|
|
148
|
+
"textarea",
|
|
149
|
+
"ul",
|
|
150
|
+
"ul li",
|
|
151
|
+
[":first-child", { "margin-top": 0 }],
|
|
152
|
+
[":last-child", { "margin-bottom": 0 }]
|
|
153
|
+
]
|
|
154
|
+
],
|
|
155
|
+
"specs": []
|
|
156
|
+
}
|
package/specs/positions.json
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tables": {
|
|
3
|
+
"shadows": [
|
|
4
|
+
"0 0 2px 0px #0003",
|
|
5
|
+
"0 0 4px #0003",
|
|
6
|
+
"0 0 4px 1px #0003",
|
|
7
|
+
"0 0 8px 2px #0003"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"specs": [
|
|
11
|
+
{
|
|
12
|
+
"user": "shadow",
|
|
13
|
+
"name": "box-shadow-<k>",
|
|
14
|
+
"key": "i1",
|
|
15
|
+
"props": "box-shadow",
|
|
16
|
+
"values": "shadows"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"user": "shadow",
|
|
20
|
+
"name": "box-shadow-i-<k>",
|
|
21
|
+
"key": "i1",
|
|
22
|
+
"props": { "box-shadow": "<v> inset" },
|
|
23
|
+
"values": "shadows"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"user": "shadow",
|
|
27
|
+
"name": "text-shadow-<k>",
|
|
28
|
+
"key": "i1",
|
|
29
|
+
"props": "text-shadow",
|
|
30
|
+
"values": [
|
|
31
|
+
"1px 1px 2px #0003",
|
|
32
|
+
"1px 1px 4px #0003",
|
|
33
|
+
"1px 1px 8px #0003",
|
|
34
|
+
"2px 2px 2px #0003",
|
|
35
|
+
"2px 2px 4px #0003",
|
|
36
|
+
"2px 2px 8px #0003",
|
|
37
|
+
"3px 3px 2px #0003",
|
|
38
|
+
"3px 3px 4px #0003",
|
|
39
|
+
"3px 3px 8px #0003"
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
package/specs/typography.json
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
"tables": {
|
|
3
3
|
"families": {
|
|
4
4
|
"system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
|
5
|
+
"system-sans-serif": "sans-serif",
|
|
6
|
+
"system-serif": "serif",
|
|
5
7
|
"sans-serif": "'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
6
8
|
"serif": "Georgia, 'Times New Roman', Times, serif",
|
|
7
9
|
"monospace": "Monaco, Menlo, Consolas, 'Courier New', monospace"
|
|
@@ -28,9 +30,10 @@
|
|
|
28
30
|
"name": "f-<k>",
|
|
29
31
|
"props": "font-size",
|
|
30
32
|
"values": {
|
|
31
|
-
"title":
|
|
32
|
-
"subtitle":
|
|
33
|
-
}
|
|
33
|
+
"title": 6,
|
|
34
|
+
"subtitle": 5
|
|
35
|
+
},
|
|
36
|
+
"unit": "rem"
|
|
34
37
|
},
|
|
35
38
|
{
|
|
36
39
|
"user": "font weights",
|
|
@@ -49,11 +52,16 @@
|
|
|
49
52
|
},
|
|
50
53
|
{
|
|
51
54
|
"user": "font variants",
|
|
52
|
-
"name": "<
|
|
53
|
-
"key": "v",
|
|
55
|
+
"name": "<v>",
|
|
54
56
|
"props": "font-variant",
|
|
55
57
|
"values": ["small-caps"]
|
|
56
58
|
},
|
|
59
|
+
{
|
|
60
|
+
"user": "font style",
|
|
61
|
+
"name": "<v>",
|
|
62
|
+
"props": "font-style",
|
|
63
|
+
"values": ["italic"]
|
|
64
|
+
},
|
|
57
65
|
{
|
|
58
66
|
"user": "text decorations",
|
|
59
67
|
"name": "<k>",
|
|
@@ -94,6 +102,7 @@
|
|
|
94
102
|
"name": "v-<k>",
|
|
95
103
|
"props": "vertical-align",
|
|
96
104
|
"values": {
|
|
105
|
+
"base": "baseline",
|
|
97
106
|
"btm": "bottom",
|
|
98
107
|
"mid": "middle",
|
|
99
108
|
"top": "top"
|
|
@@ -104,6 +113,7 @@
|
|
|
104
113
|
"name": "lh-<k>",
|
|
105
114
|
"props": "line-height",
|
|
106
115
|
"values": {
|
|
116
|
+
"0": 0,
|
|
107
117
|
"solid": 1,
|
|
108
118
|
"title": 1.25,
|
|
109
119
|
"copy": 1.5,
|
package/specs/grid.json
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"tables": {
|
|
3
|
-
"cols-rows": [
|
|
4
|
-
"1fr",
|
|
5
|
-
"1fr 1fr",
|
|
6
|
-
"1fr 1fr 1fr",
|
|
7
|
-
"repeat(4,1fr)",
|
|
8
|
-
"repeat(5,1fr)",
|
|
9
|
-
"repeat(6,1fr)",
|
|
10
|
-
"repeat(7,1fr)",
|
|
11
|
-
"repeat(8,1fr)",
|
|
12
|
-
"repeat(9,1fr)",
|
|
13
|
-
"repeat(10,1fr)"
|
|
14
|
-
]
|
|
15
|
-
},
|
|
16
|
-
"specs": [
|
|
17
|
-
{
|
|
18
|
-
"user": "grid layout",
|
|
19
|
-
"name": "gc<k>",
|
|
20
|
-
"key": "i1",
|
|
21
|
-
"props": "grid-template-columns",
|
|
22
|
-
"values": "cols-rows"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"user": "grid layout",
|
|
26
|
-
"name": "gr<k>",
|
|
27
|
-
"key": "i1",
|
|
28
|
-
"props": "grid-template-rows",
|
|
29
|
-
"values": "cols-rows"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
"user": "grid layout",
|
|
33
|
-
"name": "gap<k>",
|
|
34
|
-
"props": "gap",
|
|
35
|
-
"values": [0, 0.125, 0.25, 0.5, 1, 2],
|
|
36
|
-
"unit": "rem"
|
|
37
|
-
}
|
|
38
|
-
]
|
|
39
|
-
}
|
package/specs/shadow.json
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"tables": {
|
|
3
|
-
"shadows": [
|
|
4
|
-
"0 0 2px 0px #0003",
|
|
5
|
-
"0 0 4px #0003",
|
|
6
|
-
"0 0 4px 1px #0003",
|
|
7
|
-
"0 0 8px 2px #0003"
|
|
8
|
-
]
|
|
9
|
-
},
|
|
10
|
-
"specs": [
|
|
11
|
-
{
|
|
12
|
-
"user": "shadow",
|
|
13
|
-
"name": "shadow-<k>",
|
|
14
|
-
"key": "i1",
|
|
15
|
-
"props": "box-shadow",
|
|
16
|
-
"values": "shadows"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"user": "shadow",
|
|
20
|
-
"name": "i-shadow-<k>",
|
|
21
|
-
"key": "i1",
|
|
22
|
-
"props": { "box-shadow": "<v> inset" },
|
|
23
|
-
"values": "shadows"
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
}
|
|
File without changes
|