@webref/css 6.23.0 → 7.0.1-alpha
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 +17 -0
- package/README.md +37 -22
- package/css.json +17754 -0
- package/index.js +2 -9
- package/package.json +1 -1
- package/CSS.json +0 -567
- package/SVG.json +0 -387
- package/compat.json +0 -784
- package/compositing.json +0 -178
- package/css-align.json +0 -559
- package/css-anchor-position.json +0 -1042
- package/css-animations-2.json +0 -377
- package/css-animations.json +0 -337
- package/css-backgrounds-4.json +0 -402
- package/css-backgrounds.json +0 -732
- package/css-borders.json +0 -1642
- package/css-box.json +0 -484
- package/css-break.json +0 -444
- package/css-cascade-6.json +0 -31
- package/css-cascade.json +0 -91
- package/css-color-5.json +0 -527
- package/css-color-6.json +0 -60
- package/css-color-adjust.json +0 -151
- package/css-color-hdr.json +0 -183
- package/css-color.json +0 -1759
- package/css-conditional-4.json +0 -23
- package/css-conditional-5.json +0 -505
- package/css-conditional.json +0 -50
- package/css-contain.json +0 -123
- package/css-content.json +0 -466
- package/css-counter-styles.json +0 -613
- package/css-display.json +0 -444
- package/css-easing.json +0 -149
- package/css-env.json +0 -109
- package/css-exclusions.json +0 -108
- package/css-extensions.json +0 -36
- package/css-flexbox.json +0 -259
- package/css-fonts-5.json +0 -385
- package/css-fonts.json +0 -1754
- package/css-forms.json +0 -281
- package/css-gaps.json +0 -544
- package/css-gcpm-4.json +0 -58
- package/css-gcpm.json +0 -138
- package/css-grid-3.json +0 -335
- package/css-grid.json +0 -824
- package/css-images-4.json +0 -367
- package/css-images-5.json +0 -43
- package/css-images.json +0 -373
- package/css-inline.json +0 -903
- package/css-layout-api.json +0 -21
- package/css-line-grid.json +0 -142
- package/css-link-params.json +0 -34
- package/css-lists.json +0 -337
- package/css-logical.json +0 -396
- package/css-masking.json +0 -717
- package/css-mixins.json +0 -58
- package/css-multicol.json +0 -253
- package/css-namespaces.json +0 -25
- package/css-nav.json +0 -121
- package/css-nesting.json +0 -17
- package/css-overflow-4.json +0 -428
- package/css-overflow-5.json +0 -226
- package/css-overflow.json +0 -379
- package/css-overscroll.json +0 -215
- package/css-page-floats.json +0 -296
- package/css-page.json +0 -382
- package/css-paint-api.json +0 -17
- package/css-position-4.json +0 -49
- package/css-position.json +0 -495
- package/css-properties-values-api.json +0 -39
- package/css-pseudo.json +0 -98
- package/css-regions.json +0 -59
- package/css-rhythm.json +0 -181
- package/css-round-display.json +0 -85
- package/css-ruby.json +0 -221
- package/css-scoping.json +0 -38
- package/css-scroll-anchoring.json +0 -43
- package/css-scroll-snap-2.json +0 -74
- package/css-scroll-snap.json +0 -643
- package/css-scrollbars.json +0 -82
- package/css-shadow-parts.json +0 -17
- package/css-shapes-2.json +0 -89
- package/css-shapes.json +0 -384
- package/css-size-adjust.json +0 -50
- package/css-sizing-4.json +0 -601
- package/css-sizing.json +0 -427
- package/css-speech.json +0 -985
- package/css-syntax.json +0 -263
- package/css-tables.json +0 -91
- package/css-text-4.json +0 -1516
- package/css-text-decor-4.json +0 -741
- package/css-text-decor.json +0 -337
- package/css-text.json +0 -670
- package/css-transforms-2.json +0 -329
- package/css-transforms.json +0 -213
- package/css-transitions-2.json +0 -47
- package/css-transitions.json +0 -119
- package/css-ui.json +0 -818
- package/css-values-5.json +0 -854
- package/css-values.json +0 -790
- package/css-variables.json +0 -29
- package/css-view-transitions-2.json +0 -152
- package/css-view-transitions.json +0 -77
- package/css-viewport.json +0 -43
- package/css-will-change.json +0 -64
- package/css-writing-modes.json +0 -256
- package/fill-stroke.json +0 -755
- package/filter-effects-2.json +0 -28
- package/filter-effects.json +0 -220
- package/html.json +0 -29
- package/mathml-core.json +0 -69
- package/mediaqueries-5.json +0 -915
- package/mediaqueries.json +0 -549
- package/motion.json +0 -303
- package/pointer-animations.json +0 -282
- package/scroll-animations.json +0 -519
- package/selectors-5.json +0 -22
- package/selectors.json +0 -604
- package/svg-strokes.json +0 -59
- package/upgrade-insecure-requests.json +0 -28
- package/webvtt.json +0 -33
- package/webxr-dom-overlays.json +0 -17
package/css-scrollbars.json
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Scrollbars Styling Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-scrollbars-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "scrollbar-color",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#propdef-scrollbar-color",
|
|
10
|
-
"value": "auto | <color>{2}",
|
|
11
|
-
"initial": "auto",
|
|
12
|
-
"appliesTo": "scroll containers",
|
|
13
|
-
"inherited": "yes",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "specified keyword or two computed colors",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "by computed value",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "auto",
|
|
21
|
-
"prose": "The user agent determines the colors of the scrollbar. It should follow platform conventions, but may adjust the colors in accordance with color-scheme or other contextual information to better suit the page.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#valdef-scrollbar-color-auto",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "auto"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "<color>",
|
|
28
|
-
"prose": "The user agent should use the specified colors to adjust the rendering of the element’s scollbars, if any, applying the first color to the thumb of the scrollbar, and the second color to the track of the scrollbar.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#valdef-scrollbar-color-color",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "<color>"
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
"styleDeclaration": [
|
|
35
|
-
"scrollbar-color",
|
|
36
|
-
"scrollbarColor"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "scrollbar-width",
|
|
41
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#propdef-scrollbar-width",
|
|
42
|
-
"value": "auto | thin | none",
|
|
43
|
-
"initial": "auto",
|
|
44
|
-
"appliesTo": "scroll containers",
|
|
45
|
-
"inherited": "no",
|
|
46
|
-
"percentages": "n/a",
|
|
47
|
-
"computedValue": "specified keyword",
|
|
48
|
-
"canonicalOrder": "per grammar",
|
|
49
|
-
"animationType": "discrete",
|
|
50
|
-
"values": [
|
|
51
|
-
{
|
|
52
|
-
"name": "auto",
|
|
53
|
-
"prose": "Implementations must use the default scrollbar width.",
|
|
54
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#valdef-scrollbar-width-auto",
|
|
55
|
-
"type": "value",
|
|
56
|
-
"value": "auto"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "thin",
|
|
60
|
-
"prose": "Implementations should use thinner scrollbars than auto. This may mean a thin variant of scrollbar provided by the platform, or a custom scrollbar thinner than the default platform scrollbar. The scrollbar must nonetheless remain wide enough to be usable. (Implementers may wish to consult WCAG 2.1 SC 2.5.5 Target Size. [WCAG21]) User agents may disregard this value and treat it as auto, for instance when the user has indicated discomfort for thin scrollbars through some UA or OS setting. (User agents are encouraged to provide such a setting.)",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#valdef-scrollbar-width-thin",
|
|
62
|
-
"type": "value",
|
|
63
|
-
"value": "thin"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "none",
|
|
67
|
-
"prose": "Implementations must not display any scrollbar, however the element’s scrollability by other means is not affected. Using this value can prevent mouse-only users from being able to scroll. Authors should ensure that mouse-only users can still reach hidden content, even if they have no scrollwheel. Authors that use none should provide an alternative/equivalent visual hint that scrolling is possible and there is more content.",
|
|
68
|
-
"href": "https://drafts.csswg.org/css-scrollbars-1/#valdef-scrollbar-width-none",
|
|
69
|
-
"type": "value",
|
|
70
|
-
"value": "none"
|
|
71
|
-
}
|
|
72
|
-
],
|
|
73
|
-
"styleDeclaration": [
|
|
74
|
-
"scrollbar-width",
|
|
75
|
-
"scrollbarWidth"
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
"atrules": [],
|
|
80
|
-
"selectors": [],
|
|
81
|
-
"values": []
|
|
82
|
-
}
|
package/css-shadow-parts.json
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Shadow Parts",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-shadow-parts-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [],
|
|
7
|
-
"atrules": [],
|
|
8
|
-
"selectors": [
|
|
9
|
-
{
|
|
10
|
-
"name": "::part()",
|
|
11
|
-
"prose": "The ::part() pseudo-element allows you to select elements that have been exposed via a part attribute. The syntax is:",
|
|
12
|
-
"href": "https://drafts.csswg.org/css-shadow-parts-1/#selectordef-part",
|
|
13
|
-
"value": "::part( <ident>+ )"
|
|
14
|
-
}
|
|
15
|
-
],
|
|
16
|
-
"values": []
|
|
17
|
-
}
|
package/css-shapes-2.json
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Shapes Module Level 2",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-shapes-2/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "shape-inside",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#propdef-shape-inside",
|
|
10
|
-
"value": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
|
|
11
|
-
"initial": "auto",
|
|
12
|
-
"appliesTo": "block-level elements",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "computed lengths for <basic-shape>, the absolute URL for <url>, otherwise as specified",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "as defined for <basic-shape>, otherwise discrete",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "auto",
|
|
21
|
-
"prose": "The shape is computed based on the content box of the element.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-auto",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "auto"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "outside-shape",
|
|
28
|
-
"prose": "The shape is computed based on the shape defined by the shape-outside and shape-margin properties.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-outside-shape",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "outside-shape"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
"name": "<basic-shape>",
|
|
35
|
-
"prose": "The shape is computed based on the values of one of the <basic-shape> functions.",
|
|
36
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-basic-shape",
|
|
37
|
-
"type": "value",
|
|
38
|
-
"value": "<basic-shape>"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "<url>",
|
|
42
|
-
"prose": "If the <uri> references an SVG shape element, that element defines the shape. Otherwise, if the <uri> references an image, the shape is extracted and computed based on the alpha channel of the specified image. If the <uri> does not reference an SVG shape element or an image, the effect is as if the value auto had been specified.",
|
|
43
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-url",
|
|
44
|
-
"type": "value",
|
|
45
|
-
"value": "<url>"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"name": "display",
|
|
49
|
-
"prose": "The shape is computed based on the shape of the display as described in css-round-display.",
|
|
50
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-display",
|
|
51
|
-
"type": "value",
|
|
52
|
-
"value": "display"
|
|
53
|
-
}
|
|
54
|
-
],
|
|
55
|
-
"styleDeclaration": [
|
|
56
|
-
"shape-inside",
|
|
57
|
-
"shapeInside"
|
|
58
|
-
]
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "shape-padding",
|
|
62
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding",
|
|
63
|
-
"value": "<length-percentage [0,∞]>",
|
|
64
|
-
"initial": "0",
|
|
65
|
-
"appliesTo": "block-level elements",
|
|
66
|
-
"inherited": "no",
|
|
67
|
-
"percentages": "refer to the inline size of the containing block",
|
|
68
|
-
"computedValue": "computed <length-percentage> value",
|
|
69
|
-
"canonicalOrder": "per grammar",
|
|
70
|
-
"animationType": "by computed value",
|
|
71
|
-
"values": [
|
|
72
|
-
{
|
|
73
|
-
"name": "<length-percentage [0,∞]>",
|
|
74
|
-
"prose": "Sets the padding of the shape to the specified value.",
|
|
75
|
-
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-padding-length-percentage-0",
|
|
76
|
-
"type": "value",
|
|
77
|
-
"value": "<length-percentage [0,∞]>"
|
|
78
|
-
}
|
|
79
|
-
],
|
|
80
|
-
"styleDeclaration": [
|
|
81
|
-
"shape-padding",
|
|
82
|
-
"shapePadding"
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
],
|
|
86
|
-
"atrules": [],
|
|
87
|
-
"selectors": [],
|
|
88
|
-
"values": []
|
|
89
|
-
}
|
package/css-shapes.json
DELETED
|
@@ -1,384 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Shapes Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-shapes-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "shape-outside",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-outside",
|
|
10
|
-
"value": "none | [ <basic-shape> || <shape-box> ] | <image>",
|
|
11
|
-
"initial": "none",
|
|
12
|
-
"appliesTo": "floats and initial letter boxes",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "as defined for <basic-shape> (with <shape-box> following, if supplied); else the computed <image>; else the keyword as specified",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "as defined for <basic-shape>, otherwise discrete",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "none",
|
|
21
|
-
"prose": "The float area is unaffected.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-outside-none",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "none"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "<basic-shape>",
|
|
28
|
-
"prose": "The shape is computed based on one of the <basic-shape> functions. If a <shape-box> is also supplied, this defines the reference box for the <basic-shape> function. If <shape-box> is not supplied, then the reference box defaults to margin-box.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-outside-basic-shape",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "<basic-shape>"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
"name": "<image>",
|
|
35
|
-
"prose": "The shape is extracted and computed based on the alpha channel of the specified <image> as defined by shape-image-threshold. User agents must use the CORS protocol defined by the [FETCH] specification for all URLs in a shape-outside value. When fetching, user agents must use \"Anonymous\" mode, set the referrer source to the stylesheet’s URL and set the origin to the URL of the containing document. If this results in network errors such that there is no valid fallback image, the effect is as if the value none had been specified.",
|
|
36
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-outside-image",
|
|
37
|
-
"type": "value",
|
|
38
|
-
"value": "<image>"
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
"styleDeclaration": [
|
|
42
|
-
"shape-outside",
|
|
43
|
-
"shapeOutside"
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "shape-image-threshold",
|
|
48
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-image-threshold",
|
|
49
|
-
"value": "<opacity-value>",
|
|
50
|
-
"initial": "0",
|
|
51
|
-
"appliesTo": "floats",
|
|
52
|
-
"inherited": "no",
|
|
53
|
-
"percentages": "n/a",
|
|
54
|
-
"computedValue": "specified number, clamped to the range [0,1]",
|
|
55
|
-
"canonicalOrder": "per grammar",
|
|
56
|
-
"animationType": "by computed value",
|
|
57
|
-
"values": [
|
|
58
|
-
{
|
|
59
|
-
"name": "<number>",
|
|
60
|
-
"prose": "Sets the threshold used for extracting a shape from an image. The shape is defined by the pixels whose alpha value is greater than the threshold. A threshold value outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-image-threshold-number",
|
|
62
|
-
"type": "value",
|
|
63
|
-
"value": "<number>"
|
|
64
|
-
}
|
|
65
|
-
],
|
|
66
|
-
"styleDeclaration": [
|
|
67
|
-
"shape-image-threshold",
|
|
68
|
-
"shapeImageThreshold"
|
|
69
|
-
]
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
"name": "shape-margin",
|
|
73
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-margin",
|
|
74
|
-
"value": "<length-percentage [0,∞]>",
|
|
75
|
-
"initial": "0",
|
|
76
|
-
"appliesTo": "floats and initial letter boxes",
|
|
77
|
-
"inherited": "no",
|
|
78
|
-
"percentages": "refer to the inline size of the containing block",
|
|
79
|
-
"computedValue": "computed <length-percentage> value",
|
|
80
|
-
"canonicalOrder": "per grammar",
|
|
81
|
-
"animationType": "by computed value",
|
|
82
|
-
"values": [
|
|
83
|
-
{
|
|
84
|
-
"name": "<length-percentage [0,∞]>",
|
|
85
|
-
"prose": "Sets the margin of the shape to the specified value.",
|
|
86
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-margin-length-percentage-0",
|
|
87
|
-
"type": "value",
|
|
88
|
-
"value": "<length-percentage [0,∞]>"
|
|
89
|
-
}
|
|
90
|
-
],
|
|
91
|
-
"styleDeclaration": [
|
|
92
|
-
"shape-margin",
|
|
93
|
-
"shapeMargin"
|
|
94
|
-
]
|
|
95
|
-
}
|
|
96
|
-
],
|
|
97
|
-
"atrules": [],
|
|
98
|
-
"selectors": [],
|
|
99
|
-
"values": [
|
|
100
|
-
{
|
|
101
|
-
"name": "<basic-shape>",
|
|
102
|
-
"prose": "The <basic-shape> type can be specified using basic shape functions. When using this syntax to define shapes, the reference box is defined by each property that uses <basic-shape> values. The coordinate system for the shape has its origin on the top-left corner of the reference box with the x-axis running to the right and the y-axis running downwards. All the lengths expressed in percentages are resolved from the used dimensions of the reference box.",
|
|
103
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-basic-shape",
|
|
104
|
-
"type": "type",
|
|
105
|
-
"values": [
|
|
106
|
-
{
|
|
107
|
-
"name": "inset()",
|
|
108
|
-
"prose": "Defines an inset rectangle via insets from each edge of the reference box. If less than four <length-percentage> values are provided, the omitted values default in the same way as the margin shorthand: an omitted second or third value defaults to the first, and an omitted fourth value defaults to the second. The four <length-percentage>s define the position of the top, right, bottom, and left edges of a rectangle, respectively, as insets from the corresponding edges of the reference box. A pair of insets in either dimension that add up to more than the used dimension (such as left and right insets of 75% apiece) use the CSS Backgrounds 3 § 4.5 Overlapping Curves rules to proportionally reduce the inset effect to 100%. For example, specifying inset(75% 0 50% 0) has the top+bottom edges summing to 125% of the reference box’s height. They’re proportionally reduced to sum to 100%, identical to specifying inset(60% 0 40% 0). The optional <'border-radius'> argument(s) define rounded corners for the rectangle using the border-radius shorthand syntax.",
|
|
109
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-inset",
|
|
110
|
-
"type": "function",
|
|
111
|
-
"value": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "xywh()",
|
|
115
|
-
"prose": "Defines a rectangle via offsets from the top and left edge of the reference box, and a specified width and height. The four <length-percentage>s define, respectively, the inset from the left edge of the reference box, the inset from the top edge of the reference box, the width of the rectangle, and the height of the rectangle. The optional <'border-radius'> argument(s) define rounded corners for the inset rectangle using the border-radius shorthand syntax.",
|
|
116
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-xywh",
|
|
117
|
-
"type": "function",
|
|
118
|
-
"value": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"name": "rect()",
|
|
122
|
-
"prose": "Defines a rectangle via insets from the top and left edges of the reference box. The four <length-percentage>s define the position of the top, right, bottom, and left edges of a rectangle, respectively, as insets from the top edge of the reference box (for the first and third values) or the left edge of the reference box (for the second and fourth values). An auto value makes the edge of the box coincide with the corresponding edge of the reference box: it’s equivalent to 0% as the first (top) or fourth (left) value, and equivalent to 100% as the second (right) or third (bottom) value. The second (right) and third (bottom) values are floored by the fourth (left) and second (top) values, respectively. For example, specifying rect(10px 0 0 20px) would place the bottom edge higher than the top edge, and the right edge further left than the left edge, so both are corrected to not cross over the other edge, identical to specifying rect(10px 20px 10px 20px). The optional <'border-radius'> argument(s) define rounded corners for the rectangle using the border-radius shorthand syntax.)",
|
|
123
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-rect",
|
|
124
|
-
"type": "function",
|
|
125
|
-
"value": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"name": "circle()",
|
|
129
|
-
"prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the reference box. Two <length-percentage> values are invalid. The <position> argument defines the center of the circle. Unless otherwise specified, this defaults to center if omitted.",
|
|
130
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-circle",
|
|
131
|
-
"type": "function",
|
|
132
|
-
"value": "circle( <radial-size>? [ at <position> ]? )"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "ellipse()",
|
|
136
|
-
"prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the reference box. The <position> argument defines the center of the ellipse. Unless otherwise specified, this defaults to center if omitted.",
|
|
137
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-ellipse",
|
|
138
|
-
"type": "function",
|
|
139
|
-
"value": "ellipse( <radial-size>? [ at <position> ]? )"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"name": "polygon()",
|
|
143
|
-
"prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
|
|
144
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon",
|
|
145
|
-
"type": "function",
|
|
146
|
-
"value": "polygon( <'fill-rule'>? [ round <length> ]? , [<length-percentage> <length-percentage>]# )"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": "path()",
|
|
150
|
-
"prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted, unless the function is being used in a context such as SVG shapes where the fill-rule property is relevant. In that case an omitted value will use the computed value of the fill-rule property. The <string> represents an SVG Path data string. A path data string that does not conform to the to the grammar and parsing rules of SVG 1.1, or that does conform but defines an empty path, is invalid and causes the entire path() to be invalid. The initial position is defined by the first “move to” argument in the path string. For the initial direction follow SVG 1.1. The UA must close a path with an implicit closepath command (\"z\" or \"Z\") if it is not present in the string for properties that require a closed loop (such as shape-outside and clip-path).",
|
|
151
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-path",
|
|
152
|
-
"type": "function",
|
|
153
|
-
"value": "path( <'fill-rule'>? , <string> )"
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"name": "shape()",
|
|
157
|
-
"prose": "See The shape() function.",
|
|
158
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-shape",
|
|
159
|
-
"type": "function",
|
|
160
|
-
"value": "shape( <'fill-rule'>? from <position> <shape-command># )",
|
|
161
|
-
"values": [
|
|
162
|
-
{
|
|
163
|
-
"name": "<coordinate-pair>",
|
|
164
|
-
"value": "<length-percentage>{2}",
|
|
165
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-coordinate-pair",
|
|
166
|
-
"type": "type"
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
"name": "<command-end-point>",
|
|
170
|
-
"value": "[ to <position> | by <coordinate-pair> ]",
|
|
171
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-command-end-point",
|
|
172
|
-
"type": "type",
|
|
173
|
-
"values": [
|
|
174
|
-
{
|
|
175
|
-
"name": "to",
|
|
176
|
-
"prose": "<command-end-point> = [ to <position> | by <coordinate-pair> ]",
|
|
177
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-to",
|
|
178
|
-
"type": "value",
|
|
179
|
-
"value": "to"
|
|
180
|
-
},
|
|
181
|
-
{
|
|
182
|
-
"name": "by",
|
|
183
|
-
"prose": "<command-end-point> = [ to <position> | by <coordinate-pair> ]",
|
|
184
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-by",
|
|
185
|
-
"type": "value",
|
|
186
|
-
"value": "by"
|
|
187
|
-
}
|
|
188
|
-
]
|
|
189
|
-
},
|
|
190
|
-
{
|
|
191
|
-
"name": "<move-command>",
|
|
192
|
-
"value": "move <command-end-point>",
|
|
193
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-move-command",
|
|
194
|
-
"type": "type"
|
|
195
|
-
},
|
|
196
|
-
{
|
|
197
|
-
"name": "move",
|
|
198
|
-
"prose": "<move-command> = move <command-end-point>",
|
|
199
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-move",
|
|
200
|
-
"type": "value",
|
|
201
|
-
"value": "move"
|
|
202
|
-
},
|
|
203
|
-
{
|
|
204
|
-
"name": "<line-command>",
|
|
205
|
-
"value": "line <command-end-point>",
|
|
206
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-line-command",
|
|
207
|
-
"type": "type"
|
|
208
|
-
},
|
|
209
|
-
{
|
|
210
|
-
"name": "line",
|
|
211
|
-
"prose": "<line-command> = line <command-end-point>",
|
|
212
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-line",
|
|
213
|
-
"type": "value",
|
|
214
|
-
"value": "line"
|
|
215
|
-
},
|
|
216
|
-
{
|
|
217
|
-
"name": "<horizontal-line-command>",
|
|
218
|
-
"value": "hline [ to [ <length-percentage> | left | center | right | x-start | x-end ] | by <length-percentage> ]",
|
|
219
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-horizontal-line-command",
|
|
220
|
-
"type": "type"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "<vertical-line-command>",
|
|
224
|
-
"value": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
|
|
225
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-vertical-line-command",
|
|
226
|
-
"type": "type"
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
"name": "<curve-command>",
|
|
230
|
-
"value": "curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
|
|
231
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-curve-command",
|
|
232
|
-
"type": "type"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"name": "curve",
|
|
236
|
-
"prose": "<curve-command> = curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
|
|
237
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-curve",
|
|
238
|
-
"type": "value",
|
|
239
|
-
"value": "curve"
|
|
240
|
-
},
|
|
241
|
-
{
|
|
242
|
-
"name": "<smooth-command>",
|
|
243
|
-
"value": "smooth [ [ to <position> [ with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
|
|
244
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-smooth-command",
|
|
245
|
-
"type": "type"
|
|
246
|
-
},
|
|
247
|
-
{
|
|
248
|
-
"name": "smooth",
|
|
249
|
-
"prose": "<smooth-command> = smooth [ [ to <position> [with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
|
|
250
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-smooth",
|
|
251
|
-
"type": "value",
|
|
252
|
-
"value": "smooth"
|
|
253
|
-
},
|
|
254
|
-
{
|
|
255
|
-
"name": "<control-point>",
|
|
256
|
-
"value": "[ <position> | <relative-control-point> ]",
|
|
257
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-control-point",
|
|
258
|
-
"type": "type"
|
|
259
|
-
},
|
|
260
|
-
{
|
|
261
|
-
"name": "<relative-control-point>",
|
|
262
|
-
"value": "<coordinate-pair> [ from [ start | end | origin ] ]?",
|
|
263
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-relative-control-point",
|
|
264
|
-
"type": "type"
|
|
265
|
-
},
|
|
266
|
-
{
|
|
267
|
-
"name": "<arc-command>",
|
|
268
|
-
"value": "arc <command-end-point> [ [ of <length-percentage>{1,2} ] && <arc-sweep>? && <arc-size>? && [rotate <angle>]? ]",
|
|
269
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-command",
|
|
270
|
-
"type": "type"
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
"name": "arc",
|
|
274
|
-
"prose": "<arc-command> = arc <command-end-point> [[of <length-percentage>{1,2}] && <arc-sweep>? && <arc-size>? && rotate <angle>? ]",
|
|
275
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-arc",
|
|
276
|
-
"type": "value",
|
|
277
|
-
"value": "arc",
|
|
278
|
-
"values": [
|
|
279
|
-
{
|
|
280
|
-
"name": "cw",
|
|
281
|
-
"prose": "<arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw.",
|
|
282
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-cw",
|
|
283
|
-
"type": "value",
|
|
284
|
-
"value": "cw"
|
|
285
|
-
},
|
|
286
|
-
{
|
|
287
|
-
"name": "ccw",
|
|
288
|
-
"prose": "<arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw.",
|
|
289
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-ccw",
|
|
290
|
-
"type": "value",
|
|
291
|
-
"value": "ccw"
|
|
292
|
-
},
|
|
293
|
-
{
|
|
294
|
-
"name": "large",
|
|
295
|
-
"prose": "<arc-size> can be large or small, indicating that the larger or smaller, respectively, of the two possible arcs must be chosen. If omitted, this defaults to small.",
|
|
296
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-large",
|
|
297
|
-
"type": "value",
|
|
298
|
-
"value": "large"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"name": "small",
|
|
302
|
-
"prose": "<arc-size> can be large or small, indicating that the larger or smaller, respectively, of the two possible arcs must be chosen. If omitted, this defaults to small.",
|
|
303
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-small",
|
|
304
|
-
"type": "value",
|
|
305
|
-
"value": "small"
|
|
306
|
-
}
|
|
307
|
-
]
|
|
308
|
-
},
|
|
309
|
-
{
|
|
310
|
-
"name": "<arc-sweep>",
|
|
311
|
-
"prose": "<arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw.",
|
|
312
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-sweep",
|
|
313
|
-
"type": "type",
|
|
314
|
-
"value": "cw | ccw"
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
"name": "<arc-size>",
|
|
318
|
-
"prose": "<arc-size> can be large or small, indicating that the larger or smaller, respectively, of the two possible arcs must be chosen. If omitted, this defaults to small.",
|
|
319
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-size",
|
|
320
|
-
"type": "type",
|
|
321
|
-
"value": "large | small"
|
|
322
|
-
},
|
|
323
|
-
{
|
|
324
|
-
"name": "close",
|
|
325
|
-
"prose": "Adds a closepath command to the list of path data commands.",
|
|
326
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-close",
|
|
327
|
-
"type": "value",
|
|
328
|
-
"value": "close"
|
|
329
|
-
}
|
|
330
|
-
]
|
|
331
|
-
}
|
|
332
|
-
]
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"name": "<basic-shape-rect>",
|
|
336
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-basic-shape-rect",
|
|
337
|
-
"type": "type",
|
|
338
|
-
"value": "<inset()> | <rect()> | <xywh()>"
|
|
339
|
-
},
|
|
340
|
-
{
|
|
341
|
-
"name": "<shape-command>",
|
|
342
|
-
"prose": "The sequence of <shape-command>s represent further path data commands. Each command’s starting point is the previous command’s ending point.",
|
|
343
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-command",
|
|
344
|
-
"type": "type",
|
|
345
|
-
"value": "<move-command> | <line-command> | close | <horizontal-line-command> | <vertical-line-command> | <curve-command> | <smooth-command> | <arc-command>"
|
|
346
|
-
},
|
|
347
|
-
{
|
|
348
|
-
"name": "<shape-box>",
|
|
349
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-box",
|
|
350
|
-
"type": "type",
|
|
351
|
-
"value": "<visual-box> | margin-box",
|
|
352
|
-
"values": [
|
|
353
|
-
{
|
|
354
|
-
"name": "margin-box",
|
|
355
|
-
"prose": "The margin-box value defines the shape enclosed by the outside margin edge. The corner radii of this shape are determined by the corresponding border-radius and margin values. If the ratio of border-radius/margin is 1 or more, or margin is negative or zero, then the margin box corner radius is max(border-radius + margin, 0). If the ratio of border-radius/margin is less than 1, and margin is positive, then the margin box corner radius is border-radius + margin * (1 + (ratio-1)^3).",
|
|
356
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-margin-box",
|
|
357
|
-
"type": "value",
|
|
358
|
-
"value": "margin-box"
|
|
359
|
-
},
|
|
360
|
-
{
|
|
361
|
-
"name": "border-box",
|
|
362
|
-
"prose": "The border-box value defines the shape enclosed by the outside border edge. This shape follows all of the normal border radius shaping rules for the outside of the border.",
|
|
363
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-border-box",
|
|
364
|
-
"type": "value",
|
|
365
|
-
"value": "border-box"
|
|
366
|
-
},
|
|
367
|
-
{
|
|
368
|
-
"name": "padding-box",
|
|
369
|
-
"prose": "The padding-box value defines the shape enclosed by the outside padding edge. This shape follows all of the normal border radius shaping rules for the inside of the border.",
|
|
370
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-padding-box",
|
|
371
|
-
"type": "value",
|
|
372
|
-
"value": "padding-box"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
"name": "content-box",
|
|
376
|
-
"prose": "The content-box value defines the shape enclosed by the outside content edge. Each corner radius of this box is the larger of 0 or border-radius - border-width - padding.",
|
|
377
|
-
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-content-box",
|
|
378
|
-
"type": "value",
|
|
379
|
-
"value": "content-box"
|
|
380
|
-
}
|
|
381
|
-
]
|
|
382
|
-
}
|
|
383
|
-
]
|
|
384
|
-
}
|
package/css-size-adjust.json
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Mobile Text Size Adjustment Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-size-adjust-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "text-size-adjust",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-size-adjust-1/#propdef-text-size-adjust",
|
|
10
|
-
"value": "auto | none | <percentage [0,∞]>",
|
|
11
|
-
"initial": "auto",
|
|
12
|
-
"appliesTo": "all elements",
|
|
13
|
-
"inherited": "yes",
|
|
14
|
-
"percentages": "see below",
|
|
15
|
-
"computedValue": "specified keyword or percentage",
|
|
16
|
-
"canonicalOrder": "N/A",
|
|
17
|
-
"animationType": "by computed value",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "auto",
|
|
21
|
-
"prose": "Renderers must use the default size adjustment when displaying on a small device.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-size-adjust-1/#valdef-text-size-adjust-auto",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "auto"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "none",
|
|
28
|
-
"prose": "Renderers must not do size adjustment when displaying on a small device.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-size-adjust-1/#valdef-text-size-adjust-none",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "none"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
"name": "<percentage [0,∞]>",
|
|
35
|
-
"prose": "When displaying on a small device, renderers must not do size adjustment but instead the computed value of font-size must be multiplied by this percentage. Negative values are invalid.",
|
|
36
|
-
"href": "https://drafts.csswg.org/css-size-adjust-1/#valdef-text-size-adjust-percentage-0",
|
|
37
|
-
"type": "value",
|
|
38
|
-
"value": "<percentage [0,∞]>"
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
"styleDeclaration": [
|
|
42
|
-
"text-size-adjust",
|
|
43
|
-
"textSizeAdjust"
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
],
|
|
47
|
-
"atrules": [],
|
|
48
|
-
"selectors": [],
|
|
49
|
-
"values": []
|
|
50
|
-
}
|