@webref/css 5.2.1 → 5.3.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.
@@ -0,0 +1,60 @@
1
+ {
2
+ "spec": {
3
+ "title": "CSS Anchor Positioning",
4
+ "url": "https://drafts.csswg.org/css-anchor-1/"
5
+ },
6
+ "properties": {
7
+ "anchor-name": {
8
+ "name": "anchor-name",
9
+ "value": "none | <dashed-ident>",
10
+ "initial": "none",
11
+ "appliesTo": "all elements",
12
+ "inherited": "no",
13
+ "percentages": "n/a",
14
+ "computedValue": "as specified",
15
+ "canonicalOrder": "per grammar",
16
+ "animationType": "discrete",
17
+ "styleDeclaration": [
18
+ "anchor-name",
19
+ "anchorName"
20
+ ]
21
+ },
22
+ "position-fallback": {
23
+ "name": "position-fallback",
24
+ "value": "none | <dashed-ident>",
25
+ "initial": "none",
26
+ "appliesTo": "absolutely-positioned elements",
27
+ "inherited": "no",
28
+ "percentages": "n/a",
29
+ "computedValue": "as specified",
30
+ "canonicalOrder": "per grammar",
31
+ "animationType": "discrete",
32
+ "styleDeclaration": [
33
+ "position-fallback",
34
+ "positionFallback"
35
+ ]
36
+ }
37
+ },
38
+ "atrules": {
39
+ "@position-fallback": {
40
+ "value": "@position-fallback <dashed-ident> { <rule-list> } @try { <declaration-list> }",
41
+ "descriptors": []
42
+ }
43
+ },
44
+ "valuespaces": {
45
+ "<anchor()>": {
46
+ "prose": "An absolutely-positioned element can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>.",
47
+ "value": "anchor( <dashed-ident>? <anchor-side>, <length-percentage>? )"
48
+ },
49
+ "<anchor-size()>": {
50
+ "prose": "An absolutely-positioned element can use the anchor-size() function in its sizing properties to refer to the size of one or more anchor elements. The anchor-size() function resolves to a <length>.",
51
+ "value": "anchor( <dashed-ident>? <anchor-size>, <length-percentage>? )"
52
+ },
53
+ "<anchor-side>": {
54
+ "value": "top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
55
+ },
56
+ "<anchor-size>": {
57
+ "value": "width | height | block | inline | self-block | self-inline"
58
+ }
59
+ }
60
+ }
package/css-masking.json CHANGED
@@ -213,7 +213,7 @@
213
213
  },
214
214
  "mask-border-slice": {
215
215
  "name": "mask-border-slice",
216
- "value": "<number-percentage>{1,4} fill?",
216
+ "value": "[ <number> | <percentage> ]{1,4} fill?",
217
217
  "initial": "0",
218
218
  "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
219
219
  "inherited": "no",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@webref/css",
3
3
  "description": "CSS definitions of the web platform",
4
- "version": "5.2.1",
4
+ "version": "5.3.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"
@@ -1,106 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Device Adaptation Module Level 1",
4
- "url": "https://drafts.csswg.org/css-device-adapt-1/"
5
- },
6
- "properties": {},
7
- "atrules": {
8
- "@viewport": {
9
- "descriptors": [
10
- {
11
- "name": "min-width",
12
- "for": "@viewport",
13
- "value": "<viewport-length>",
14
- "initial": "auto",
15
- "percentages": "Refer to the width of the initial viewport",
16
- "computedValue": "auto, an absolute length, or a percentage as specified"
17
- },
18
- {
19
- "name": "max-width",
20
- "for": "@viewport",
21
- "value": "<viewport-length>",
22
- "initial": "auto",
23
- "percentages": "Refer to the width of the initial viewport",
24
- "computedValue": "auto, an absolute length, or a percentage as specified"
25
- },
26
- {
27
- "name": "width",
28
- "for": "@viewport",
29
- "value": "<viewport-length>{1,2}",
30
- "initial": "See individual descriptors",
31
- "percentages": "See individual descriptors",
32
- "computedValue": "See individual descriptors"
33
- },
34
- {
35
- "name": "min-height",
36
- "for": "@viewport",
37
- "value": "<viewport-length>",
38
- "initial": "auto",
39
- "percentages": "Refer to the height of the initial viewport",
40
- "computedValue": "auto, an absolute length, or a percentage as specified"
41
- },
42
- {
43
- "name": "max-height",
44
- "for": "@viewport",
45
- "value": "<viewport-length>",
46
- "initial": "auto",
47
- "percentages": "Refer to the height of the initial viewport",
48
- "computedValue": "auto, an absolute length, or a percentage as specified"
49
- },
50
- {
51
- "name": "height",
52
- "for": "@viewport",
53
- "value": "<viewport-length>{1,2}",
54
- "initial": "See individual descriptors",
55
- "percentages": "See individual descriptors",
56
- "computedValue": "See individual descriptors"
57
- },
58
- {
59
- "name": "zoom",
60
- "for": "@viewport",
61
- "value": "auto | <number> | <percentage>",
62
- "initial": "auto",
63
- "percentages": "The zoom factor itself",
64
- "computedValue": "auto, or a non-negative number or percentage as specified"
65
- },
66
- {
67
- "name": "min-zoom",
68
- "for": "@viewport",
69
- "value": "auto | <number> | <percentage>",
70
- "initial": "auto",
71
- "percentages": "The zoom factor itself",
72
- "computedValue": "auto, or a non-negative number or percentage as specified"
73
- },
74
- {
75
- "name": "max-zoom",
76
- "for": "@viewport",
77
- "value": "auto | <number> | <percentage>",
78
- "initial": "auto",
79
- "percentages": "The zoom factor itself",
80
- "computedValue": "auto, or a non-negative number or percentage as specified"
81
- },
82
- {
83
- "name": "user-zoom",
84
- "for": "@viewport",
85
- "value": "zoom | fixed",
86
- "initial": "zoom",
87
- "percentages": "N/A",
88
- "computedValue": "as specified"
89
- },
90
- {
91
- "name": "orientation",
92
- "for": "@viewport",
93
- "value": "auto | portrait | landscape",
94
- "initial": "auto",
95
- "percentages": "N/A",
96
- "computedValue": "as specified"
97
- }
98
- ]
99
- }
100
- },
101
- "valuespaces": {
102
- "<viewport-length>": {
103
- "value": "auto | <length> | <percentage>"
104
- }
105
- }
106
- }