Template:Boxes - Revision history

Professional Wiki: 22 revisions imported: Import changes since February 9, 2026

2026-02-19T10:04:52Z

22 revisions imported: Import changes since February 9, 2026

← Older revision		Revision as of 03:04, 19 February 2026
(No difference)

ayso>Alexdiaz at 18:33, 12 February 2026

2026-02-12T18:33:12Z

Show changes

ayso>Alexdiaz at 18:31, 12 February 2026

2026-02-12T18:31:40Z

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="ayso-box-item"
+<div class="ayso-box-item" style="min-width:0; box-sizing:border-box;">
   <div class="card with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
-  style="height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
+  style="width:100%; max-width:100%; min-width:0; box-sizing:border-box; height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
   {{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
 -->{{#ifeq:{{{header|}}}|bottom||{{#if:{{{target|}}}
-       |[[{{{target|}}}|<div class="card-header">{{{title|Title}}}</div>]]
+     |[[{{{target|}}}|<div class="card-header">{{{title|Title}}}</div>]]
-       |<div class="card-header">{{{title|Title}}}</div>
+     |<div class="card-header">{{{title|Title}}}</div>
-     }}}}<!--
+   }}}}<!--
 -->{{#if:{{{target|}}}
-       |[[{{{target|}}}|<div class="card-body"></div>]]
+     |[[{{{target|}}}|{{#if: {{{content|}}}
        |<div class="card-body"></div>
-     }}<!--
+   }}]]
 -->{{#ifeq:{{{header|}}}|bottom|{{#if:{{{target|}}}
-       |[[{{{target|}}}|<div class="card-footer"
+     |[[{{{target|}}}|<div class="card-footer"
-         style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
+       style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
-         {{{title|Title}}}
+       {{{title|Title}}}
-         </div>]]
+       </div>]]
-       |<div class="card-footer"
+     |<div class="card-footer"
-         style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
+       style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
-         {{{title|Title}}}
+       {{{title|Title}}}
-         </div>
+       </div>
-     }}|}}
+   }}|}}
   </div>
 </div>
@@ Line 30: / Line 37: @@
 ;Usage
 <pre>
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:30, 12 February 2026

2026-02-12T18:30:19Z

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="ayso-card-deck {{{class|}}}"
+<div class="ayso-box-item"
-style="outline:8px solid magenta; background:rgba(255,0,255,.08); display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start; align-items:stretch;">
+style="outline:4px dashed magenta; flex:0 0 calc((100% - 24px) / 3); max-width:calc((100% - 24px) / 3); box-sizing:border-box; min-width:0;">
 </div>
 </includeonly>
@@ Line 9: / Line 30: @@
 ;Usage
 <pre>
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:28, 12 February 2026

2026-02-12T18:28:24Z

@@ Line 1: / Line 1: @@
 <includeonly>
 <div class="ayso-card-deck {{{class|}}}"
-style="outline:8px solid magenta; background:rgba(255,0,255,.08); display:flex; flex-wrap:wrap; gap:24px; justify-content:flex-start; align-items:stretch;">
+style="outline:8px solid magenta; background:rgba(255,0,255,.08); display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start; align-items:stretch;">
 {{{1|}}}
 </div>
@@ Line 15: / Line 15: @@
 }}
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:26, 12 February 2026

2026-02-12T18:26:48Z

← Older revision		Revision as of 11:26, 12 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ayso-card-deck {{{class\|}}}"		<div class="ayso-card-deck {{{class\|}}}"
	style="display:flex; flex-wrap:wrap; gap:24px; justify-content:flex-start; align-items:stretch;">		style="outline:8px solid magenta; background:rgba(255,0,255,.08); display:flex; flex-wrap:wrap; gap:24px; justify-content:flex-start; align-items:stretch;">
	{{{1\|}}}		{{{1\|}}}
	</div>		</div>

ayso>Alexdiaz at 18:23, 12 February 2026

2026-02-12T18:23:13Z

← Older revision		Revision as of 11:23, 12 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ayso-card-deck {{{class\|}}}"		<div class="ayso-card-deck {{{class\|}}}"
	style="~~--ayso-gap:24px;~~ display:flex; flex-wrap:wrap; gap:~~var(--ayso-gap)~~; justify-content:flex-start; align-items:stretch;">		style="display:flex; flex-wrap:wrap; gap:24px; justify-content:flex-start; align-items:stretch;">
	{{{1\|}}}		{{{1\|}}}
	</div>		</div>
Line 10:		Line 10:
	<pre>		<pre>
	{{Boxes\|		{{Boxes\|
	{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}

ayso>Alexdiaz at 18:21, 12 February 2026

2026-02-12T18:21:44Z

← Older revision		Revision as of 11:21, 12 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ayso-card-deck {{{class\|}}}"		<div class="ayso-card-deck {{{class\|}}}"
	style="display:flex; flex-wrap:wrap; gap:~~24px~~; justify-content:flex-start; align-items:stretch;">		style="--ayso-gap:24px; display:flex; flex-wrap:wrap; gap:var(--ayso-gap); justify-content:flex-start; align-items:stretch;">
	{{{1\|}}}		{{{1\|}}}
	</div>		</div>
	</includeonly~~><noinclude~~>		</includeonly>

			<noinclude>
	;Usage		;Usage
	<pre>		<pre>
Line 14:		Line 16:
	}}		}}
	</pre>		</pre>

	<templatedata>		<templatedata>
	{		{
Line 31:		Line 34:
	"description": "A wrapper templates for boxes."		"description": "A wrapper templates for boxes."
	}		}
	</templatedata~~></noinclude~~>		</templatedata>
			</noinclude>

ayso>Alexdiaz at 18:20, 12 February 2026

2026-02-12T18:20:10Z

← Older revision		Revision as of 11:20, 12 February 2026
Line 1:		Line 1:
	<includeonly>~~<div class="ayso-card-deck {{{class\|}}}"~~		<includeonly>
			<div class="ayso-card-deck {{{class\|}}}"
	style="display:~~grid~~; ~~grid~~-~~template-columns~~:~~repeat(3, 1fr)~~; gap:24px; justify-~~items~~:~~stretch~~; align-items:stretch;">		style="display:flex; flex-wrap:wrap; gap:24px; justify-content:flex-start; align-items:stretch;">
⚫	~~{{{1\|}}}</div>~~</includeonly><noinclude>
			{{{1\|}}}
			</div>
		⚫	</includeonly><noinclude>
	;Usage		;Usage
	<pre>		<pre>
Line 13:		Line 16:
	<templatedata>		<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></noinclude>		</templatedata></noinclude>

ayso>Alexdiaz at 18:14, 12 February 2026

2026-02-12T18:14:21Z

← Older revision		Revision as of 11:14, 12 February 2026
Line 1:		Line 1:
	<includeonly><div class="ayso-card-deck {{{class\|}}}"		<includeonly><div class="ayso-card-deck {{{class\|}}}"
	style="display:grid; grid-template-columns:repeat(3~~, minmax(0~~, 1fr)); gap:24px; align-items:stretch;">		style="display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; justify-items:stretch; align-items:stretch;">
	{{{1\|}}}</div></includeonly><noinclude>		{{{1\|}}}</div></includeonly><noinclude>
	;Usage		;Usage
	<pre>		<pre>
	{{Boxes\|		{{Boxes\|
	{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}

← Older revision		Revision as of 11:14, 12 February 2026
Line 1:		Line 1:
	<includeonly><div class="ayso-card-deck {{{class\|}}}"		<includeonly><div class="ayso-card-deck {{{class\|}}}"
	style="display:grid; grid-template-columns:repeat(3~~, minmax(0~~, 1fr)); gap:24px; align-items:stretch;">		style="display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; justify-items:stretch; align-items:stretch;">
	{{{1\|}}}</div></includeonly><noinclude>		{{{1\|}}}</div></includeonly><noinclude>
	;Usage		;Usage
	<pre>		<pre>
	{{Boxes\|		{{Boxes\|
	{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}
	{{Box\|...}}		{{Box\|...}}