Difference between revisions of "Template:ContentGrid"

From Ciliz|W4
 
Line 1: Line 1:
 +
<noinclude>
 +
<templatedata>
 +
{
 +
"params": {
 +
"grid-columns-min-max": {
 +
"description": "width of columns (==card)",
 +
"type": "number"
 +
},
 +
"grid-gap": {
 +
"description": "space between cards",
 +
"type": "number"
 +
},
 +
"grid-rows-min-max": {
 +
"description": "height of row (==card)",
 +
"type": "number"
 +
},
 +
"width": {},
 +
"content": {}
 +
},
 +
"description": "Grid for content cards, resizable "
 +
}
 +
</templatedata>
 +
</noinclude>
 +
 +
 
<templatestyles src="ContentGrid/styles.css" />
 
<templatestyles src="ContentGrid/styles.css" />
 
<div class="wiki-template-contentgrid" style="margin-right: 1em; grid-template-columns: repeat(auto-fit, minmax({{{grid-columns-min-max|300px}}}, 1fr)); grid-gap: {{{grid-gap|10px}}}; grid-auto-rows: minmax({{{grid-rows-min-max|100px}}}, auto); width: {{{width|auto}}};">{{{content}}}</div>
 
<div class="wiki-template-contentgrid" style="margin-right: 1em; grid-template-columns: repeat(auto-fit, minmax({{{grid-columns-min-max|300px}}}, 1fr)); grid-gap: {{{grid-gap|10px}}}; grid-auto-rows: minmax({{{grid-rows-min-max|100px}}}, auto); width: {{{width|auto}}};">{{{content}}}</div>

Latest revision as of 13:35, 4 March 2020

Grid for content cards, resizable

Template parameters

ParameterDescriptionTypeStatus
Grid-columns-min-maxgrid-columns-min-max

width of columns (==card)

Numberoptional
Grid-gapgrid-gap

space between cards

Numberoptional
Grid-rows-min-maxgrid-rows-min-max

height of row (==card)

Numberoptional
Widthwidth

no description

Unknownoptional
Contentcontent

no description

Unknownoptional


{{{content}}}