Template:Boxes: Difference between revisions

Content deleted Content added

Inline

Revision as of 10:11, 12 February 2026

Usage

{{Boxes|
{{Box|...}}
{{Box|...}}
{{Box|...}}
{{Box|...}}
{{Box|...}}
}}

A wrapper templates for boxes.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Content	`1`	Instances of Template:Box.	Content	optional
Class	`class`	CSS class name to position / style the Boxes block. Example mt-5	String	optional

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div class="ayso-card-deck {{{class|}}}"
+style="display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; align-items:stretch;">
-<style>
+{{{1|}}}</div></includeonly><noinclude>
-/* Force 3-across grid for AYSO boxes, regardless of theme CSS */
-.ayso-card-deck{
-  display:grid !important;
-  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
-  gap:24px !important;
-  align-items:stretch !important;
-}
-/* Make each card behave like a normal grid item (prevents 1-col + odd wrapping) */
-.ayso-card-deck > .card{
-  grid-column:auto !important;
-  width:auto !important;
-  max-width:none !important;
-  min-width:0 !important;
-  float:none !important;
-}
-</style>
-<div class="ayso-card-deck {{{class|}}}">
-{{{1|}}}
-</div>
-</includeonly>
-<noinclude>
 ;Usage
 <pre>
 {{Boxes|
+{{Box|...}}
 {{Box|...}}
 {{Box|...}}
@@ Line 34: / Line 12: @@
 }}
 </pre>
 <templatedata>
 {
-  "params": {
+	"params": {
-    "1": {
+		"1": {
-      "label": "Content",
+			"label": "Content",
-      "description": "Instances of Template:Box.",
+			"description": "Instances of Template:Box.",
-      "type": "content"
+			"type": "content"
-    },
+		},
-    "class": {
+		"class": {
-      "label": "Class",
+			"label": "Class",
-      "description": "CSS class name to position / style the Boxes block.",
+			"description": "CSS class name to position / style the Boxes block.",
-      "example": "mt-5",
+			"example": "mt-5",
-      "type": "string"
+			"type": "string"
+		}
-    }
-  },
+	},
-  "description": "A wrapper templates for boxes."
+	"description": "A wrapper templates for boxes."
 }
-</templatedata>
+</templatedata></noinclude>
-</noinclude>