@webref/css 6.22.0 → 7.0.0-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 -559
- 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 -1636
- 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 -263
- package/css-gaps.json +0 -544
- package/css-gcpm-4.json +0 -55
- 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 -52
- package/css-multicol.json +0 -252
- package/css-namespaces.json +0 -25
- package/css-nav.json +0 -121
- package/css-nesting.json +0 -16
- package/css-overflow-4.json +0 -428
- package/css-overflow-5.json +0 -223
- 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 -48
- package/css-position.json +0 -495
- package/css-properties-values-api.json +0 -39
- package/css-pseudo.json +0 -85
- 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 -36
- package/css-scroll-anchoring.json +0 -43
- package/css-scroll-snap-2.json +0 -69
- 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 -273
- package/css-shapes.json +0 -200
- 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 -651
- package/css-values.json +0 -790
- package/css-variables.json +0 -29
- package/css-view-transitions-2.json +0 -151
- package/css-view-transitions.json +0 -76
- 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/scroll-animations.json +0 -519
- package/selectors-5.json +0 -21
- package/selectors.json +0 -546
- package/svg-strokes.json +0 -59
- package/upgrade-insecure-requests.json +0 -28
- package/webvtt.json +0 -31
- package/webxr-dom-overlays.json +0 -16
package/css-env.json
DELETED
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Environment Variables Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-env-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [],
|
|
7
|
-
"atrules": [],
|
|
8
|
-
"selectors": [],
|
|
9
|
-
"values": [
|
|
10
|
-
{
|
|
11
|
-
"name": "env()",
|
|
12
|
-
"href": "https://drafts.csswg.org/css-env-1/#funcdef-env",
|
|
13
|
-
"type": "function",
|
|
14
|
-
"value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )",
|
|
15
|
-
"values": [
|
|
16
|
-
{
|
|
17
|
-
"name": "safe-area-inset-top",
|
|
18
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-top",
|
|
19
|
-
"type": "value",
|
|
20
|
-
"value": "safe-area-inset-top"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"name": "safe-area-inset-right",
|
|
24
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-right",
|
|
25
|
-
"type": "value",
|
|
26
|
-
"value": "safe-area-inset-right"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "safe-area-inset-bottom",
|
|
30
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-bottom",
|
|
31
|
-
"type": "value",
|
|
32
|
-
"value": "safe-area-inset-bottom"
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"name": "safe-area-inset-left",
|
|
36
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-left",
|
|
37
|
-
"type": "value",
|
|
38
|
-
"value": "safe-area-inset-left"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "safe-area-max-inset-top",
|
|
42
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-top",
|
|
43
|
-
"type": "value",
|
|
44
|
-
"value": "safe-area-max-inset-top"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "safe-area-max-inset-right",
|
|
48
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-right",
|
|
49
|
-
"type": "value",
|
|
50
|
-
"value": "safe-area-max-inset-right"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"name": "safe-area-max-inset-bottom",
|
|
54
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-bottom",
|
|
55
|
-
"type": "value",
|
|
56
|
-
"value": "safe-area-max-inset-bottom"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "safe-area-max-inset-left",
|
|
60
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-left",
|
|
61
|
-
"type": "value",
|
|
62
|
-
"value": "safe-area-max-inset-left"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"name": "viewport-segment-width",
|
|
66
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-width",
|
|
67
|
-
"type": "value",
|
|
68
|
-
"value": "viewport-segment-width"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "viewport-segment-height",
|
|
72
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-height",
|
|
73
|
-
"type": "value",
|
|
74
|
-
"value": "viewport-segment-height"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"name": "viewport-segment-top",
|
|
78
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-top",
|
|
79
|
-
"type": "value",
|
|
80
|
-
"value": "viewport-segment-top"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"name": "viewport-segment-left",
|
|
84
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-left",
|
|
85
|
-
"type": "value",
|
|
86
|
-
"value": "viewport-segment-left"
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"name": "viewport-segment-bottom",
|
|
90
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-bottom",
|
|
91
|
-
"type": "value",
|
|
92
|
-
"value": "viewport-segment-bottom"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"name": "viewport-segment-right",
|
|
96
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-right",
|
|
97
|
-
"type": "value",
|
|
98
|
-
"value": "viewport-segment-right"
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
"name": "preferred-text-scale",
|
|
102
|
-
"href": "https://drafts.csswg.org/css-env-1/#valdef-env-preferred-text-scale",
|
|
103
|
-
"type": "value",
|
|
104
|
-
"value": "preferred-text-scale"
|
|
105
|
-
}
|
|
106
|
-
]
|
|
107
|
-
}
|
|
108
|
-
]
|
|
109
|
-
}
|
package/css-exclusions.json
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Exclusions Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-exclusions-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "wrap-flow",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-flow",
|
|
10
|
-
"value": "auto | both | start | end | minimum | maximum | clear",
|
|
11
|
-
"initial": "auto",
|
|
12
|
-
"appliesTo": "block-level elements.",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "N/A",
|
|
15
|
-
"computedValue": "as specified except for element’s whose float computed value is not none, in which case the computed value is auto.",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"values": [
|
|
18
|
-
{
|
|
19
|
-
"name": "auto",
|
|
20
|
-
"prose": "No exclusion is created. Inline flow content interacts with the element as usual. In particular, if the element is a float (see [CSS2]), the behavior is unchanged.",
|
|
21
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-auto",
|
|
22
|
-
"type": "value",
|
|
23
|
-
"value": "auto"
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
"name": "both",
|
|
27
|
-
"prose": "Inline flow content can flow on all sides of the exclusion.",
|
|
28
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-both",
|
|
29
|
-
"type": "value",
|
|
30
|
-
"value": "both"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"name": "start",
|
|
34
|
-
"prose": "Inline flow content can flow around the start edge of the exclusion area but must leave the area next to the end edge of the exclusion empty.",
|
|
35
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-start",
|
|
36
|
-
"type": "value",
|
|
37
|
-
"value": "start"
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "end",
|
|
41
|
-
"prose": "Inline flow content can flow around the end edge of the exclusion area but must leave the area next to the start edge of the exclusion empty.",
|
|
42
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-end",
|
|
43
|
-
"type": "value",
|
|
44
|
-
"value": "end"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "minimum",
|
|
48
|
-
"prose": "Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.",
|
|
49
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-minimum",
|
|
50
|
-
"type": "value",
|
|
51
|
-
"value": "minimum"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"name": "maximum",
|
|
55
|
-
"prose": "Inline flow content can flow around the edge of the exclusion with the largest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.",
|
|
56
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-maximum",
|
|
57
|
-
"type": "value",
|
|
58
|
-
"value": "maximum"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "clear",
|
|
62
|
-
"prose": "Inline flow content can only flow before and after the exclusion in the flow content’s block direction and must leave the areas next to the start and end edges of the exclusion empty.",
|
|
63
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-clear",
|
|
64
|
-
"type": "value",
|
|
65
|
-
"value": "clear"
|
|
66
|
-
}
|
|
67
|
-
],
|
|
68
|
-
"styleDeclaration": [
|
|
69
|
-
"wrap-flow",
|
|
70
|
-
"wrapFlow"
|
|
71
|
-
]
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "wrap-through",
|
|
75
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-through",
|
|
76
|
-
"value": "wrap | none",
|
|
77
|
-
"initial": "wrap",
|
|
78
|
-
"appliesTo": "block-level elements",
|
|
79
|
-
"inherited": "no",
|
|
80
|
-
"percentages": "N/A",
|
|
81
|
-
"computedValue": "as specified",
|
|
82
|
-
"canonicalOrder": "per grammar",
|
|
83
|
-
"values": [
|
|
84
|
-
{
|
|
85
|
-
"name": "wrap",
|
|
86
|
-
"prose": "The element inherits its parent node’s wrapping context. Its descendant inline content wraps around exclusions defined outside the element.",
|
|
87
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-through-wrap",
|
|
88
|
-
"type": "value",
|
|
89
|
-
"value": "wrap"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"name": "none",
|
|
93
|
-
"prose": "The element does not inherit its parent node’s wrapping context. Its descendants are only subject to exclusion areas defined inside the element.",
|
|
94
|
-
"href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-through-none",
|
|
95
|
-
"type": "value",
|
|
96
|
-
"value": "none"
|
|
97
|
-
}
|
|
98
|
-
],
|
|
99
|
-
"styleDeclaration": [
|
|
100
|
-
"wrap-through",
|
|
101
|
-
"wrapThrough"
|
|
102
|
-
]
|
|
103
|
-
}
|
|
104
|
-
],
|
|
105
|
-
"atrules": [],
|
|
106
|
-
"selectors": [],
|
|
107
|
-
"values": []
|
|
108
|
-
}
|
package/css-extensions.json
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Extensions",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-extensions-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [],
|
|
7
|
-
"atrules": [
|
|
8
|
-
{
|
|
9
|
-
"name": "@custom-selector",
|
|
10
|
-
"href": "https://drafts.csswg.org/css-extensions-1/#at-ruledef-custom-selector",
|
|
11
|
-
"descriptors": [],
|
|
12
|
-
"value": "@custom-selector <custom-selector> <selector-list> ;"
|
|
13
|
-
}
|
|
14
|
-
],
|
|
15
|
-
"selectors": [],
|
|
16
|
-
"values": [
|
|
17
|
-
{
|
|
18
|
-
"name": "<extension-name>",
|
|
19
|
-
"prose": "All extensions defined in this specification use a common syntax for defining their ”names”: the <extension-name> production. An <extension-name> is any identifier that starts with two dashes (U+002D HYPHEN-MINUS), like --foo, or even exotic names like -- or ------. The CSS language will never use identifiers of this form for any language-defined purpose, so it’s safe to use them for author-defined purposes without ever having to worry about colliding with CSS-defined names.",
|
|
20
|
-
"href": "https://drafts.csswg.org/css-extensions-1/#typedef-extension-name",
|
|
21
|
-
"type": "type"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"name": "<custom-selector>",
|
|
25
|
-
"href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-selector",
|
|
26
|
-
"type": "type",
|
|
27
|
-
"value": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "<custom-arg>",
|
|
31
|
-
"href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-arg",
|
|
32
|
-
"type": "type",
|
|
33
|
-
"value": "$ <ident-token> ;"
|
|
34
|
-
}
|
|
35
|
-
]
|
|
36
|
-
}
|
package/css-flexbox.json
DELETED
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Flexible Box Layout Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-flexbox-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "flex-direction",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction",
|
|
10
|
-
"value": "row | row-reverse | column | column-reverse",
|
|
11
|
-
"initial": "row",
|
|
12
|
-
"appliesTo": "flex containers",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "specified keyword",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "discrete",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "row",
|
|
21
|
-
"prose": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode. The main-start and main-end directions are equivalent to the inline-start and inline-end directions, respectively, of the current writing mode.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-row",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "row"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "row-reverse",
|
|
28
|
-
"prose": "Same as row, except the main-start and main-end directions are swapped.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-row-reverse",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "row-reverse"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
"name": "column",
|
|
35
|
-
"prose": "The flex container’s main axis has the same orientation as the block axis of the current writing mode. The main-start and main-end directions are equivalent to the block-start and block-end directions, respectively, of the current writing mode.",
|
|
36
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-column",
|
|
37
|
-
"type": "value",
|
|
38
|
-
"value": "column"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "column-reverse",
|
|
42
|
-
"prose": "Same as column, except the main-start and main-end directions are swapped.",
|
|
43
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-column-reverse",
|
|
44
|
-
"type": "value",
|
|
45
|
-
"value": "column-reverse"
|
|
46
|
-
}
|
|
47
|
-
],
|
|
48
|
-
"styleDeclaration": [
|
|
49
|
-
"flex-direction",
|
|
50
|
-
"flexDirection"
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"name": "flex-wrap",
|
|
55
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap",
|
|
56
|
-
"value": "nowrap | wrap | wrap-reverse",
|
|
57
|
-
"initial": "nowrap",
|
|
58
|
-
"appliesTo": "flex containers",
|
|
59
|
-
"inherited": "no",
|
|
60
|
-
"percentages": "n/a",
|
|
61
|
-
"computedValue": "specified keyword",
|
|
62
|
-
"canonicalOrder": "per grammar",
|
|
63
|
-
"animationType": "discrete",
|
|
64
|
-
"values": [
|
|
65
|
-
{
|
|
66
|
-
"name": "nowrap",
|
|
67
|
-
"prose": "The flex container is single-line.",
|
|
68
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-nowrap",
|
|
69
|
-
"type": "value",
|
|
70
|
-
"value": "nowrap"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"name": "wrap",
|
|
74
|
-
"prose": "The flex container is multi-line.",
|
|
75
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-wrap",
|
|
76
|
-
"type": "value",
|
|
77
|
-
"value": "wrap"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"name": "wrap-reverse",
|
|
81
|
-
"prose": "Same as wrap.",
|
|
82
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-wrap-reverse",
|
|
83
|
-
"type": "value",
|
|
84
|
-
"value": "wrap-reverse"
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
"styleDeclaration": [
|
|
88
|
-
"flex-wrap",
|
|
89
|
-
"flexWrap"
|
|
90
|
-
]
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
"name": "flex-flow",
|
|
94
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow",
|
|
95
|
-
"value": "<'flex-direction'> || <'flex-wrap'>",
|
|
96
|
-
"initial": "see individual properties",
|
|
97
|
-
"appliesTo": "see individual properties",
|
|
98
|
-
"inherited": "see individual properties",
|
|
99
|
-
"percentages": "see individual properties",
|
|
100
|
-
"computedValue": "see individual properties",
|
|
101
|
-
"animationType": "see individual properties",
|
|
102
|
-
"canonicalOrder": "per grammar",
|
|
103
|
-
"styleDeclaration": [
|
|
104
|
-
"flex-flow",
|
|
105
|
-
"flexFlow"
|
|
106
|
-
]
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"name": "flex",
|
|
110
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex",
|
|
111
|
-
"value": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
|
|
112
|
-
"initial": "0 1 auto",
|
|
113
|
-
"appliesTo": "flex items",
|
|
114
|
-
"inherited": "no",
|
|
115
|
-
"percentages": "see individual properties",
|
|
116
|
-
"computedValue": "see individual properties",
|
|
117
|
-
"animationType": "by computed value type",
|
|
118
|
-
"canonicalOrder": "per grammar",
|
|
119
|
-
"values": [
|
|
120
|
-
{
|
|
121
|
-
"name": "<'flex-grow'>",
|
|
122
|
-
"prose": "This <number [0,∞]> component sets flex-grow longhand and specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed. When omitted, it is set to 1.",
|
|
123
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-grow",
|
|
124
|
-
"type": "value",
|
|
125
|
-
"value": "<'flex-grow'>"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"name": "<'flex-shrink'>",
|
|
129
|
-
"prose": "This <number [0,∞]> component sets flex-shrink longhand and specifies the flex shrink factor, which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed. When omitted, it is set to 1.",
|
|
130
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-shrink",
|
|
131
|
-
"type": "value",
|
|
132
|
-
"value": "<'flex-shrink'>"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "<'flex-basis'>",
|
|
136
|
-
"prose": "This component sets the flex-basis longhand, which specifies the flex basis: the initial main size of the flex item, before free space is distributed according to the flex factors. <'flex-basis'> accepts the same values as the width and height properties (except that auto is treated differently) plus the content keyword: When omitted from the flex shorthand, its specified value is 0.",
|
|
137
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-basis",
|
|
138
|
-
"type": "value",
|
|
139
|
-
"value": "<'flex-basis'>"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"name": "none",
|
|
143
|
-
"prose": "The keyword none expands to 0 0 auto.",
|
|
144
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-none",
|
|
145
|
-
"type": "value",
|
|
146
|
-
"value": "none"
|
|
147
|
-
}
|
|
148
|
-
],
|
|
149
|
-
"styleDeclaration": [
|
|
150
|
-
"flex"
|
|
151
|
-
]
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
"name": "flex-grow",
|
|
155
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow",
|
|
156
|
-
"value": "<number [0,∞]>",
|
|
157
|
-
"initial": "0",
|
|
158
|
-
"appliesTo": "flex items",
|
|
159
|
-
"inherited": "no",
|
|
160
|
-
"percentages": "n/a",
|
|
161
|
-
"computedValue": "specified number",
|
|
162
|
-
"canonicalOrder": "per grammar",
|
|
163
|
-
"animationType": "by computed value type",
|
|
164
|
-
"values": [
|
|
165
|
-
{
|
|
166
|
-
"name": "<number>",
|
|
167
|
-
"prose": "The flex-grow property sets the flex grow factor to the provided <number>. Negative values are not allowed.",
|
|
168
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-grow-number",
|
|
169
|
-
"type": "value",
|
|
170
|
-
"value": "<number>"
|
|
171
|
-
}
|
|
172
|
-
],
|
|
173
|
-
"styleDeclaration": [
|
|
174
|
-
"flex-grow",
|
|
175
|
-
"flexGrow"
|
|
176
|
-
]
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "flex-shrink",
|
|
180
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink",
|
|
181
|
-
"value": "<number [0,∞]>",
|
|
182
|
-
"initial": "1",
|
|
183
|
-
"appliesTo": "flex items",
|
|
184
|
-
"inherited": "no",
|
|
185
|
-
"percentages": "n/a",
|
|
186
|
-
"computedValue": "specified value",
|
|
187
|
-
"canonicalOrder": "per grammar",
|
|
188
|
-
"animationType": "number",
|
|
189
|
-
"values": [
|
|
190
|
-
{
|
|
191
|
-
"name": "<number>",
|
|
192
|
-
"prose": "The flex-shrink property sets the flex shrink factor to the provided <number>. Negative values are not allowed.",
|
|
193
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-shrink-number",
|
|
194
|
-
"type": "value",
|
|
195
|
-
"value": "<number>"
|
|
196
|
-
}
|
|
197
|
-
],
|
|
198
|
-
"styleDeclaration": [
|
|
199
|
-
"flex-shrink",
|
|
200
|
-
"flexShrink"
|
|
201
|
-
]
|
|
202
|
-
},
|
|
203
|
-
{
|
|
204
|
-
"name": "flex-basis",
|
|
205
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis",
|
|
206
|
-
"value": "content | <'width'>",
|
|
207
|
-
"initial": "auto",
|
|
208
|
-
"appliesTo": "flex items",
|
|
209
|
-
"inherited": "no",
|
|
210
|
-
"percentages": "relative to the flex container’s inner main size",
|
|
211
|
-
"computedValue": "specified keyword or a computed <length-percentage> value",
|
|
212
|
-
"canonicalOrder": "per grammar",
|
|
213
|
-
"animationType": "by computed value type",
|
|
214
|
-
"values": [
|
|
215
|
-
{
|
|
216
|
-
"name": "auto",
|
|
217
|
-
"prose": "When specified on a flex item, the auto keyword retrieves the value of the main size property as the used flex-basis. If that value is itself auto, then the used value is content.",
|
|
218
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-basis-auto",
|
|
219
|
-
"type": "value",
|
|
220
|
-
"value": "auto"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "content",
|
|
224
|
-
"prose": "Indicates an automatic size based on the flex item’s content. (This is typically equivalent to the max-content size, but with adjustments to handle preferred aspect ratios, intrinsic sizing constraints, and orthogonal flows; see details in § 9 Flex Layout Algorithm.)",
|
|
225
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-basis-content",
|
|
226
|
-
"type": "value",
|
|
227
|
-
"value": "content"
|
|
228
|
-
}
|
|
229
|
-
],
|
|
230
|
-
"styleDeclaration": [
|
|
231
|
-
"flex-basis",
|
|
232
|
-
"flexBasis"
|
|
233
|
-
]
|
|
234
|
-
}
|
|
235
|
-
],
|
|
236
|
-
"atrules": [],
|
|
237
|
-
"selectors": [],
|
|
238
|
-
"values": [],
|
|
239
|
-
"warnings": [
|
|
240
|
-
{
|
|
241
|
-
"msg": "Dangling value",
|
|
242
|
-
"name": "flex",
|
|
243
|
-
"prose": "This value causes an element to generate a flex container box that is block-level when placed in flow layout.",
|
|
244
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-display-flex",
|
|
245
|
-
"type": "value",
|
|
246
|
-
"value": "flex",
|
|
247
|
-
"for": "display"
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
"msg": "Dangling value",
|
|
251
|
-
"name": "inline-flex",
|
|
252
|
-
"prose": "This value causes an element to generate a flex container box that is inline-level when placed in flow layout.",
|
|
253
|
-
"href": "https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex",
|
|
254
|
-
"type": "value",
|
|
255
|
-
"value": "inline-flex",
|
|
256
|
-
"for": "display"
|
|
257
|
-
}
|
|
258
|
-
]
|
|
259
|
-
}
|