Template:BlueRed: Difference between revisions

Template page
m (Undo revision 5713 by Oldmanwang (talk))
Tag: Undo
(rewrite from table to responsive grid)
Line 1: Line 1:
<includeonly><templatestyles src="StrengthsAndWeaknesses/style.css"/>
<includeonly><div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1em;">
<table class="procontable" style="width:{{#if:{{{tablewidth|}}}|{{{tablewidth}}}|102}}%;">
<div>
<tr>
<div class="bg-blue" style="font-weight: bold; text-align: center; padding: 0 0.5em 0.1em;">Strengths</div>
  <td>'''Strengths'''</td>
 
  <td>'''Weaknesses'''</td>
{{{strength|}}}
</tr>
</div>
<tr>
<div>
  <td>
<div class="bg-red" style="font-weight: bold; text-align: center; padding: 0 0.5em 0.1em;">Weaknesses</div>
{{{strength|}}}</td>
 
  <td>
{{{weakness|}}}
{{{weakness|}}}</td>
</div>
</tr>
</div>
</table></includeonly><noinclude>{{documentation}}</noinclude>
</includeonly><noinclude>{{documentation}}</noinclude>

Revision as of 06:38, 6 July 2021

This template is used to compare and contrast two sections, one with a blue label and the other with a red one. The most common usage is for a “Strengths and Weaknesses” section in a character overview.

On larger screens the sections appear side by side, but on smaller displays the layout collapses into a single column.

Warning: If you ever write "Good punishment" for "Strengths" or "Bad punishment" for "Weaknesses", you will be shot.

Usage

{{BlueRed
|blueLabel=Good
|blue={{Dotlist|
* Blue is good
* Blue is great
* Blue never do wrong}}
|redLabel=Bad
|red={{Dotlist|
* Red is bad
* Red is evil
* Red must go}}
}}

Parameters

Parameter Default Description
blueLabel Strengths Label for the blue section.
blue Contents for the blue section.
redLabel Weaknesses Label for the red section.
red Contents for the red section.

Example

Strengths


Weaknesses



See also