forked from SchemaStore/schemastore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-module-grid-layout.xml
107 lines (89 loc) · 7.72 KB
/
css-module-grid-layout.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Grid Layout" standard-reference="http://www.w3.org/TR/css3-grid-layout" status="WD" pub-date="2012-03-22">
<CssProperty name="display">
<entry value="grid" version="3.0" browsers="none" />
<entry value="inline-grid" version="3.0" browsers="none" />
</CssProperty>
<CssProperty name="grid-column" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2 / auto; }" description="Shorthand for 'grid-column-start' and 'grid-column-end'." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-column">
<entry value="auto" />
<entry value="start" />
<entry value="end" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-column-end" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2; }" description="Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-end">
<entry value="auto" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-column-start" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2; }" description="Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-start">
<entry value="auto" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-row" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2 / auto; }" description="Shorthand for 'grid-row-start' and 'grid-row-end'." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-row">
<entry value="auto" />
<entry value="start" />
<entry value="end" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-row-end" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2; }" description="Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-row-start">
<entry value="auto" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-row-start" version="3.0" browsers="none" restriction="identifier, integer, enum" syntax="#item1 { $(name): span 2; }" description="Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-start">
<entry value="auto" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-gap" version="3.0" browsers="none" restriction="length" syntax="#item1 { $(name): 2em 1em; }" description="Shorthand that specifies the gutters between grid columns and grid rows in one declaration." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-gap" />
<CssProperty name="grid-column-gap" version="3.0" browsers="none" restriction="length" syntax="#item1 { $(name): 2em; }" description="Specifies the gutters between grid columns." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-gap" />
<CssProperty name="grid-row-gap" version="3.0" browsers="none" restriction="length" syntax="#item1 { $(name): 2em; }" description="Specifies the gutters between grid rows." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-row-gap" />
<CssProperty name="grid-template" restriction="identifier, legnth, percentage, string, enum" version="3.0" browsers="none" syntax="#item1 { $(name): auto 1fr auto / auto 1fr; }" description="Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-template">
<entry value="none" />
<entry value="min-content" />
<entry value="max-content" />
<entry value="auto" />
<entry value="subgrid" />
<entry value="minmax()" />
<entry value="repeat()" />
</CssProperty>
<CssProperty name="grid-template-areas" restriction="string" version="3.0" browsers="none" syntax="#item1 { $(name): 'head head' 'nav main' 'foot foot'; }" description="Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-areas">
<entry value="none" />
</CssProperty>
<CssProperty name="grid-template-columns" restriction="identifier, legnth, percentage, enum" version="3.0" browsers="none" syntax="#item1 { $(name): 100px 1fr max-content minmax(min-content, 1fr); }" description="Specifies, as a space-separated track list, the line names and track sizing functions of the grid." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-columns">
<entry value="none" />
<entry value="min-content" />
<entry value="max-content" />
<entry value="auto" />
<entry value="subgrid" />
<entry value="minmax()" />
<entry value="repeat()" />
</CssProperty>
<CssProperty name="grid-template-rows" restriction="identifier, legnth, string, percentage, enum" version="3.0" browsers="none" syntax="#item1 { $(name): 100px 1fr max-content minmax(min-content, 1fr); }" description="Specifies, as a space-separated track list, the line names and track sizing functions of the grid" standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-rows">
<entry value="none" />
<entry value="min-content" />
<entry value="max-content" />
<entry value="auto" />
<entry value="subgrid" />
<entry value="minmax()" />
<entry value="repeat()" />
</CssProperty>
<CssProperty name="grid-area" restriction="identifier, integer" version="3.0" browsers="none" syntax="#item1 { $(name): a; }" description="Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'." standard-reference="http://www.w3.org/TR/css3-grid-layout/#propdef-grid-area">
<entry value="auto" />
<entry value="span" />
</CssProperty>
<CssProperty name="grid-auto-columns" restriction="length, percentage" version="3.0" browsers="none" syntax="div { $(name): 100px; }" description="Specifies the size of implicitly created columns." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-columns">
<entry value="auto" />
<entry value="min-content" />
<entry value="max-content" />
<entry value="minmax()" />
</CssProperty>
<CssProperty name="grid-auto-rows" restriction="length, percentage" version="3.0" browsers="none" syntax="div { $(name): 100px; }" description="Specifies the size of implicitly created rows." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-rows">
<entry value="auto" />
<entry value="min-content" />
<entry value="max-content" />
<entry value="minmax()" />
</CssProperty>
<CssProperty name="grid-auto-flow" restriction="enum" version="3.0" browsers="none" syntax="div { $(name): column; }" description="Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid." standard-reference="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-flow">
<entry value="row" />
<entry value="column" />
<entry value="dense" />
</CssProperty>
</CssModule>