@webref/css 6.19.1 → 6.20.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/css-grid-3.json CHANGED
@@ -5,319 +5,322 @@
5
5
  },
6
6
  "properties": [
7
7
  {
8
- "name": "grid-template-columns",
9
- "newValues": "masonry",
10
- "initial": "none",
11
- "appliesTo": "grid containers",
12
- "inherited": "no",
13
- "percentages": "refer to corresponding dimension of the content area",
14
- "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
15
- "animationType": "see CSS Grid Level 2",
16
- "styleDeclaration": [
17
- "grid-template-columns",
18
- "gridTemplateColumns"
19
- ]
20
- },
21
- {
22
- "name": "grid-template-rows",
23
- "newValues": "masonry",
24
- "initial": "none",
25
- "appliesTo": "grid containers",
8
+ "name": "item-slack",
9
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-slack",
10
+ "value": "<length-percentage> | infinite",
11
+ "initial": "1em",
12
+ "appliesTo": "masonry containers",
26
13
  "inherited": "no",
27
- "percentages": "refer to corresponding dimension of the content area",
28
- "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
29
- "animationType": "see CSS Grid Level 2",
14
+ "percentages": "relative to the grid-axis content box size of the masonry container",
15
+ "computedValue": "a computed <length-percentage> value",
16
+ "canonicalOrder": "per grammar",
17
+ "animationType": "as length",
18
+ "values": [
19
+ {
20
+ "name": "<length-percentage>",
21
+ "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
22
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-length-percentage",
23
+ "type": "value",
24
+ "value": "<length-percentage>"
25
+ },
26
+ {
27
+ "name": "infinite",
28
+ "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
29
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-infinite",
30
+ "type": "value",
31
+ "value": "infinite"
32
+ }
33
+ ],
30
34
  "styleDeclaration": [
31
- "grid-template-rows",
32
- "gridTemplateRows"
35
+ "item-slack",
36
+ "itemSlack"
33
37
  ]
34
38
  },
35
39
  {
36
- "name": "grid-auto-flow",
37
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-grid-auto-flow",
38
- "value": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
39
- "initial": "row",
40
- "appliesTo": "grid containers",
40
+ "name": "item-direction",
41
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-direction",
42
+ "value": "auto | row | column | row-reverse | column-reverse",
43
+ "initial": "auto",
44
+ "appliesTo": "flex containers, grid containers, masonry containers",
41
45
  "inherited": "no",
42
- "percentages": "n/a",
43
- "computedValue": "specified keyword(s)",
46
+ "percentages": "N/A",
47
+ "computedValue": "as specified",
44
48
  "canonicalOrder": "per grammar",
45
49
  "animationType": "discrete",
46
50
  "values": [
47
51
  {
48
- "name": "row-reverse",
49
- "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
50
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-row-reverse",
52
+ "name": "auto",
53
+ "prose": "Computes to either row or column depending on the layout mode: On flex containers and grid containers, computes to row. On masonry containers, if grid-template-rows is not none and grid-template-columns is none, computes to the value representing row tracks; otherwise computes to the value representing column tracks.",
54
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-auto",
51
55
  "type": "value",
52
- "value": "row-reverse"
56
+ "value": "auto"
53
57
  },
54
58
  {
55
- "name": "column-reverse",
56
- "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
57
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-column-reverse",
59
+ "name": "row",
60
+ "prose": "Track-oriented Option Represents placement into rows, i.e. tracks or lines parallel to the inline axis. Items fill those rows in start-to-end order. Flow-oriented Option Represents row-primary item placement, i.e. placing items start-to-end in the inline axis, producing flex row lines in flex layout, and column grid tracks in masonry layout.",
61
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row",
58
62
  "type": "value",
59
- "value": "column-reverse"
63
+ "value": "row"
60
64
  },
61
65
  {
62
- "name": "wrap-reverse",
63
- "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
64
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-wrap-reverse",
66
+ "name": "column",
67
+ "prose": "Track-oriented Option Represents placement into columns, i.e. tracks or lines parallel to the block axis. Items fill those columns in start-to-end order. Flow-oriented Option Represents column-primary item placement, i.e. placing items start-to-end in the block axis, producing flex column lines in flex layout, and row grid tracks in masonry layout.",
68
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column",
65
69
  "type": "value",
66
- "value": "wrap-reverse"
67
- }
68
- ],
69
- "styleDeclaration": [
70
- "grid-auto-flow",
71
- "gridAutoFlow"
72
- ]
73
- },
74
- {
75
- "name": "display",
76
- "newValues": "masonry | inline-masonry",
77
- "values": [
70
+ "value": "column"
71
+ },
78
72
  {
79
- "name": "masonry",
80
- "prose": "This value causes an element to generate a masonry container box that is block-level when placed in flow layout.",
81
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-masonry",
73
+ "name": "row-reverse",
74
+ "prose": "Same as row, but using end-to-start placement order.",
75
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row-reverse",
82
76
  "type": "value",
83
- "value": "masonry"
77
+ "value": "row-reverse"
84
78
  },
85
79
  {
86
- "name": "inline-masonry",
87
- "prose": "This value causes an element to generate a masonry container box that is inline-level when placed in flow layout.",
88
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-inline-masonry",
80
+ "name": "column-reverse",
81
+ "prose": "Same as column, but using end-to-start placement order.",
82
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column-reverse",
89
83
  "type": "value",
90
- "value": "inline-masonry"
84
+ "value": "column-reverse"
91
85
  }
92
86
  ],
93
87
  "styleDeclaration": [
94
- "display"
88
+ "item-direction",
89
+ "itemDirection"
95
90
  ]
96
91
  },
97
92
  {
98
- "name": "masonry-direction",
99
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-direction",
100
- "value": "row | column | row-reverse | column-reverse",
101
- "initial": "column",
102
- "appliesTo": "masonry containers",
93
+ "name": "item-track",
94
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-track",
95
+ "value": "auto | row | column | row-reverse | column-reverse",
96
+ "initial": "auto",
97
+ "appliesTo": "flex containers, grid containers, masonry containers",
103
98
  "inherited": "no",
104
- "percentages": "n/a",
99
+ "percentages": "N/A",
105
100
  "computedValue": "as specified",
106
101
  "canonicalOrder": "per grammar",
107
102
  "animationType": "discrete",
108
103
  "values": [
109
104
  {
110
- "name": "column",
111
- "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-start edge.",
112
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column",
105
+ "name": "auto",
106
+ "prose": "Computes to either row or column depending on the layout mode: On flex containers and grid containers, computes to row. On masonry containers, if grid-template-rows is not none and grid-template-columns is none, computes to the value representing row tracks; otherwise computes to the value representing column tracks.",
107
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-auto",
113
108
  "type": "value",
114
- "value": "column"
109
+ "value": "auto"
115
110
  },
116
111
  {
117
- "name": "column-reverse",
118
- "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-end edge.",
119
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column-reverse",
112
+ "name": "row",
113
+ "prose": "Track-oriented Option Represents placement into rows, i.e. tracks or lines parallel to the inline axis. Items fill those rows in start-to-end order. Flow-oriented Option Represents row-primary item placement, i.e. placing items start-to-end in the inline axis, producing flex row lines in flex layout, and column grid tracks in masonry layout.",
114
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row",
120
115
  "type": "value",
121
- "value": "column-reverse"
116
+ "value": "row"
122
117
  },
123
118
  {
124
- "name": "row",
125
- "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-start edge.",
126
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row",
119
+ "name": "column",
120
+ "prose": "Track-oriented Option Represents placement into columns, i.e. tracks or lines parallel to the block axis. Items fill those columns in start-to-end order. Flow-oriented Option Represents column-primary item placement, i.e. placing items start-to-end in the block axis, producing flex column lines in flex layout, and row grid tracks in masonry layout.",
121
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column",
127
122
  "type": "value",
128
- "value": "row"
123
+ "value": "column"
129
124
  },
130
125
  {
131
126
  "name": "row-reverse",
132
- "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-end edge.",
133
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row-reverse",
127
+ "prose": "Same as row, but using end-to-start placement order.",
128
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row-reverse",
134
129
  "type": "value",
135
130
  "value": "row-reverse"
131
+ },
132
+ {
133
+ "name": "column-reverse",
134
+ "prose": "Same as column, but using end-to-start placement order.",
135
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column-reverse",
136
+ "type": "value",
137
+ "value": "column-reverse"
136
138
  }
137
139
  ],
138
140
  "styleDeclaration": [
139
- "masonry-direction",
140
- "masonryDirection"
141
+ "item-track",
142
+ "itemTrack"
141
143
  ]
142
144
  },
143
145
  {
144
- "name": "masonry-fill",
145
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-fill",
146
- "value": "tie-start | tie-end",
147
- "initial": "normal",
148
- "appliesTo": "masonry containers",
146
+ "name": "item-wrap",
147
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-wrap",
148
+ "value": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
149
+ "initial": "auto",
150
+ "appliesTo": "flex containers, grid containers, masonry containers",
149
151
  "inherited": "no",
150
- "percentages": "n/a",
152
+ "percentages": "N/A",
151
153
  "computedValue": "as specified",
152
154
  "canonicalOrder": "per grammar",
153
155
  "animationType": "discrete",
154
156
  "values": [
155
157
  {
156
- "name": "tie-start",
157
- "prose": "Ties are broken by putting the item in the start-most tied position.",
158
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-start",
158
+ "name": "auto",
159
+ "prose": "Computes to nowrap on flex containers, and wrap on everything else.",
160
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-auto",
161
+ "type": "value",
162
+ "value": "auto"
163
+ },
164
+ {
165
+ "name": "nowrap",
166
+ "prose": "Items are placed in the primary placement axis forever, even if they run out of room. In flex layout this creates a single-line flex container; in grid layout this creates implicit tracks in the primary placement axis as necessary.",
167
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-nowrap",
168
+ "type": "value",
169
+ "value": "nowrap"
170
+ },
171
+ {
172
+ "name": "wrap",
173
+ "prose": "Items wrap when the primary placement axis runs out of space. In flex layout this creates a multi-line flex container; in grid layout auto-placement algorithm moves to the next row/column when it runs out of explicit tracks in the primary placement axis.",
174
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap",
175
+ "type": "value",
176
+ "value": "wrap"
177
+ },
178
+ {
179
+ "name": "normal",
180
+ "prose": "Items are placed in start-to-end order in the axis opposite to the primary track axis. In flex layout and grid layout, this controls the direction that new tracks (flex lines or grid tracks) are placed in. In masonry layout, for track-oriented syntax this controls which track is selected when several are tied for equal height; for flow-oriented syntax this controls which direction items fill their track in.",
181
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-normal",
182
+ "type": "value",
183
+ "value": "normal"
184
+ },
185
+ {
186
+ "name": "reverse",
187
+ "prose": "Items are placed in end-to-start order in the axis opposite to the primary track axis.",
188
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-reverse",
159
189
  "type": "value",
160
- "value": "tie-start"
190
+ "value": "reverse"
161
191
  },
162
192
  {
163
- "name": "tie-end",
164
- "prose": "Ties are broken by putting the item in the end-most tied position.",
165
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-end",
193
+ "name": "wrap-reverse",
194
+ "prose": "Computes to wrap reverse.",
195
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap-reverse",
166
196
  "type": "value",
167
- "value": "tie-end"
197
+ "value": "wrap-reverse"
168
198
  }
169
199
  ],
170
200
  "styleDeclaration": [
171
- "masonry-fill",
172
- "masonryFill"
201
+ "item-wrap",
202
+ "itemWrap"
173
203
  ]
174
204
  },
175
205
  {
176
- "name": "masonry-flow",
177
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-flow",
178
- "value": "<'masonry-direction'> || <'masonry-fill'>",
179
- "initial": "see individual properties",
180
- "appliesTo": "see individual properties",
181
- "inherited": "see individual properties",
182
- "percentages": "see individual properties",
183
- "computedValue": "see individual properties",
184
- "animationType": "see individual properties",
185
- "canonicalOrder": "per grammar",
186
- "styleDeclaration": [
187
- "masonry-flow",
188
- "masonryFlow"
189
- ]
190
- },
191
- {
192
- "name": "masonry",
193
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry",
194
- "value": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
195
- "initial": "see individual properties",
196
- "appliesTo": "see individual properties",
197
- "inherited": "see individual properties",
198
- "percentages": "see individual properties",
199
- "computedValue": "see individual properties",
200
- "animationType": "see individual properties",
201
- "canonicalOrder": "per grammar",
202
- "styleDeclaration": [
203
- "masonry"
204
- ]
205
- },
206
- {
207
- "name": "masonry-template-tracks",
208
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-tracks",
209
- "value": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
210
- "initial": "repeat(auto-areas, auto)",
211
- "appliesTo": "masonry containers",
212
- "inherited": "no",
213
- "percentages": "refer to corresponding dimension of the content area",
214
- "computedValue": "by computed value type per item in the computed track list",
215
- "canonicalOrder": "per grammar",
216
- "animationType": "if list lengths match, by computed value type; otherwise, discrete",
217
- "styleDeclaration": [
218
- "masonry-template-tracks",
219
- "masonryTemplateTracks"
220
- ]
221
- },
222
- {
223
- "name": "masonry-template-areas",
224
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-areas",
225
- "value": "none | <string>",
226
- "initial": "none",
227
- "appliesTo": "masonry containers",
228
- "inherited": "no",
229
- "percentages": "n/a",
230
- "computedValue": "the keyword none or a string",
231
- "canonicalOrder": "per grammar",
232
- "animationType": "discrete",
233
- "styleDeclaration": [
234
- "masonry-template-areas",
235
- "masonryTemplateAreas"
236
- ]
237
- },
238
- {
239
- "name": "masonry-auto-tracks",
240
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-auto-tracks",
241
- "value": "<'grid-auto-columns'>",
206
+ "name": "item-cross",
207
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-cross",
208
+ "value": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
242
209
  "initial": "auto",
243
- "appliesTo": "grid containers",
210
+ "appliesTo": "flex containers, grid containers, masonry containers",
244
211
  "inherited": "no",
245
- "percentages": "refer to corresponding dimension of the content area",
246
- "computedValue": "a computed track list",
212
+ "percentages": "N/A",
213
+ "computedValue": "as specified",
247
214
  "canonicalOrder": "per grammar",
248
- "animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
215
+ "animationType": "discrete",
216
+ "values": [
217
+ {
218
+ "name": "auto",
219
+ "prose": "Computes to nowrap on flex containers, and wrap on everything else.",
220
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-auto",
221
+ "type": "value",
222
+ "value": "auto"
223
+ },
224
+ {
225
+ "name": "nowrap",
226
+ "prose": "Items are placed in the primary placement axis forever, even if they run out of room. In flex layout this creates a single-line flex container; in grid layout this creates implicit tracks in the primary placement axis as necessary.",
227
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-nowrap",
228
+ "type": "value",
229
+ "value": "nowrap"
230
+ },
231
+ {
232
+ "name": "wrap",
233
+ "prose": "Items wrap when the primary placement axis runs out of space. In flex layout this creates a multi-line flex container; in grid layout auto-placement algorithm moves to the next row/column when it runs out of explicit tracks in the primary placement axis.",
234
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap",
235
+ "type": "value",
236
+ "value": "wrap"
237
+ },
238
+ {
239
+ "name": "normal",
240
+ "prose": "Items are placed in start-to-end order in the axis opposite to the primary track axis. In flex layout and grid layout, this controls the direction that new tracks (flex lines or grid tracks) are placed in. In masonry layout, for track-oriented syntax this controls which track is selected when several are tied for equal height; for flow-oriented syntax this controls which direction items fill their track in.",
241
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-normal",
242
+ "type": "value",
243
+ "value": "normal"
244
+ },
245
+ {
246
+ "name": "reverse",
247
+ "prose": "Items are placed in end-to-start order in the axis opposite to the primary track axis.",
248
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-reverse",
249
+ "type": "value",
250
+ "value": "reverse"
251
+ },
252
+ {
253
+ "name": "wrap-reverse",
254
+ "prose": "Computes to wrap reverse.",
255
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap-reverse",
256
+ "type": "value",
257
+ "value": "wrap-reverse"
258
+ }
259
+ ],
249
260
  "styleDeclaration": [
250
- "masonry-auto-tracks",
251
- "masonryAutoTracks"
261
+ "item-cross",
262
+ "itemCross"
252
263
  ]
253
264
  },
254
265
  {
255
- "name": "masonry-slack",
256
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-slack",
257
- "value": "<length-percentage> | infinite",
258
- "initial": "1em",
259
- "appliesTo": "masonry containers",
266
+ "name": "item-pack",
267
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-pack",
268
+ "value": "normal | dense || balance",
269
+ "initial": "normal",
270
+ "appliesTo": "flex containers, grid containers, masonry containers",
260
271
  "inherited": "no",
261
- "percentages": "relative to the grid-axis content box size of the masonry container",
262
- "computedValue": "a computed <length-percentage> value",
272
+ "percentages": "N/A",
273
+ "computedValue": "as specified",
263
274
  "canonicalOrder": "per grammar",
264
- "animationType": "as length",
275
+ "animationType": "discrete",
265
276
  "values": [
266
277
  {
267
- "name": "<length-percentage>",
268
- "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
269
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length-percentage",
278
+ "name": "normal",
279
+ "prose": "Uses the default packing strategy for the layout mode.",
280
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-normal",
270
281
  "type": "value",
271
- "value": "<length-percentage>"
282
+ "value": "normal"
272
283
  },
273
284
  {
274
- "name": "infinite",
275
- "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
276
- "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-infinite",
285
+ "name": "dense",
286
+ "prose": "Allows backtracking to place items in earlier spaces that were skipped. (Such spaces can exist because earlier items were too big for those spaces.) For example, in flex layout this allows placing items on earlier lines that still have enough empty space left over.",
287
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-dense",
277
288
  "type": "value",
278
- "value": "infinite"
289
+ "value": "dense"
290
+ },
291
+ {
292
+ "name": "balance",
293
+ "prose": "In flex layout, this value balances the amount of content on each line (including the last line), similar to text-wrap-style: balance.",
294
+ "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-balance",
295
+ "type": "value",
296
+ "value": "balance"
279
297
  }
280
298
  ],
281
299
  "styleDeclaration": [
282
- "masonry-slack",
283
- "masonrySlack"
284
- ]
285
- },
286
- {
287
- "name": "masonry-track-start",
288
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-start",
289
- "styleDeclaration": [
290
- "masonry-track-start",
291
- "masonryTrackStart"
292
- ]
293
- },
294
- {
295
- "name": "masonry-track-end",
296
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-end",
297
- "styleDeclaration": [
298
- "masonry-track-end",
299
- "masonryTrackEnd"
300
+ "item-pack",
301
+ "itemPack"
300
302
  ]
301
303
  },
302
304
  {
303
- "name": "masonry-track",
304
- "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track",
305
+ "name": "item-flow",
306
+ "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-flow",
307
+ "value": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-slack'>",
308
+ "initial": "see individual properties",
309
+ "appliesTo": "see individual properties",
310
+ "inherited": "see individual properties",
311
+ "percentages": "see individual properties",
312
+ "computedValue": "see individual properties",
313
+ "animationType": "see individual properties",
314
+ "canonicalOrder": "per grammar",
305
315
  "styleDeclaration": [
306
- "masonry-track",
307
- "masonryTrack"
316
+ "item-flow",
317
+ "itemFlow"
308
318
  ]
309
319
  }
310
320
  ],
311
321
  "atrules": [],
312
322
  "selectors": [],
313
- "values": [
314
- {
315
- "name": "<masonry-auto-track-list>",
316
- "href": "https://drafts.csswg.org/css-grid-3/#typedef-masonry-auto-track-list",
317
- "type": "type",
318
- "value": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*"
319
- }
320
- ],
323
+ "values": [],
321
324
  "warnings": [
322
325
  {
323
326
  "msg": "Dangling value",
package/css-mixins.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "initial": "n/a (see prose)"
18
18
  }
19
19
  ],
20
- "value": "@function <function-name> <function-parameter-list>? ) [ using ( <function-dependency-list> ) ]? [ returns <css-type> ]? { <declaration-rule-list> }",
20
+ "value": "@function <function-token> <function-parameter>#? ) [ returns <css-type> ]? { <declaration-rule-list> }",
21
21
  "values": [
22
22
  {
23
23
  "name": "type()",
@@ -30,18 +30,6 @@
30
30
  ],
31
31
  "selectors": [],
32
32
  "values": [
33
- {
34
- "name": "<function-parameter-list>",
35
- "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-parameter-list",
36
- "type": "type",
37
- "value": "<function-parameter>#"
38
- },
39
- {
40
- "name": "<function-dependency-list>",
41
- "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-dependency-list",
42
- "type": "type",
43
- "value": "<function-parameter>#"
44
- },
45
33
  {
46
34
  "name": "<function-parameter>",
47
35
  "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-parameter",
@@ -54,12 +42,6 @@
54
42
  "type": "type",
55
43
  "value": "<syntax-component> | <type()>"
56
44
  },
57
- {
58
- "name": "<function-name>",
59
- "prose": "The <function-name> production is a <function-token>, with the additional restriction that it must start with two dashes (U+002D HYPHEN-MINUS).",
60
- "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-name",
61
- "type": "type"
62
- },
63
45
  {
64
46
  "name": "<dashed-function>",
65
47
  "prose": "A <dashed-function> is a functional notation whose function name starts with two dashes (U+002D HYPHEN-MINUS). Its syntax is:",
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": "6.19.1",
4
+ "version": "6.20.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"