Template:FlexContainer

From Dune: Awakening Community Wiki
Jump to navigation Jump to search


Usage Examples

To see for yourself what the different options do, use the "Edit source" mode, change the input values for {{FlexContainer}} below, and press "Show preview".


House Atreides
Cosmetic TypeSwatch
CompatibilityAll
Smuggler
Cosmetic TypeSwatch
Compatibility
  • All Garments
  • All Vehicles
  • All Weapons


TemplateData

Convenience wrapper for applying the shared 'flex-container' layout class. Wraps content in a standardised responsive flex container with optional spacing and alignment overrides. Due to MediaWiki parsing limitations, wikitables should not be used inside this template, and should instead be wrapped in a <div class="flex-container">. for the same effect.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Content1

Content to be wrapped inside the flex container. Wikitables are not supported with this template, and should be wrapped in a <div class="flex-container"> instead for the same effect.

Contentrequired
Gap (rem)gap

Spacing between wrapped items, in 'rem' units. Accepts decimal values. If omitted, the default value defined in Common.css is used.

Default
1
Numberoptional
Content justificationjustify

Horizontal distribution of items within the flex container. If omitted, the default value defined in Common.css is used.

Suggested values
flex-end center space-between space-around space-evenly
Default
flex-start
Stringoptional
Item alignmentalign

Vertical alignment of items within the flex container. If omitted, the default value defined in Common.css is used.

Suggested values
flex-end center stretch baseline
Default
flex-start
Stringoptional
Text alignmenttext

Alignment of inline content within the flex container. If omitted, the default value defined in Common.css is used.

Suggested values
left right justify
Default
center
Stringoptional