8,033
edits
Template:Flexheader: Difference between revisions
m
class parameter
PikaTepig999 (talk | contribs) (add extra style function; split off documentation into subpage) |
PikaTepig999 (talk | contribs) m (class parameter) |
||
| Line 1: | Line 1: | ||
<includeonly><div style="display:flex; flex-flow:row wrap; align-items:{{{align-items|start}}}; gap:{{{gap|4px}}}; justify-content:{{{justify-content|center}}}; {{{extra-style|}}}"></includeonly><noinclude> | <includeonly><div class="{{{class|}}}" style="display:flex; flex-flow:row wrap; align-items:{{{align-items|start}}}; gap:{{{gap|4px}}}; justify-content:{{{justify-content|center}}}; {{{extra-style|}}}"></includeonly><noinclude> | ||
<templatedata> | <templatedata> | ||
{ | { | ||
| Line 39: | Line 39: | ||
"label": "Extra Styles", | "label": "Extra Styles", | ||
"description": "Any extra styles that should be applied. Need to be valid inline css styles.", | "description": "Any extra styles that should be applied. Need to be valid inline css styles.", | ||
"type": "line", | |||
"suggested": true | |||
}, | |||
"class": { | |||
"label": "Class", | |||
"description": "Classes that should apply to this item. Separate multiple classes with spaces. ", | |||
"type": "line", | "type": "line", | ||
"suggested": true | "suggested": true | ||
| Line 44: | Line 50: | ||
}, | }, | ||
"description": "{{flexheader}} is used for creating a flexible set - the items will distribute horizontally on wider screens, and vertically on narrower screens. It should be used along with {{flexfooter}}.\nThe content inside can be created with multiple {{flexitem}}s", | "description": "{{flexheader}} is used for creating a flexible set - the items will distribute horizontally on wider screens, and vertically on narrower screens. It should be used along with {{flexfooter}}.\nThe content inside can be created with multiple {{flexitem}}s", | ||
"paramOrder": [ | |||
"align-items", | |||
"gap", | |||
"justify-content", | |||
"class", | |||
"extra-style" | |||
], | |||
"format": "inline" | "format": "inline" | ||
}</templatedata> | }</templatedata> | ||