Template:Color label: Difference between revisions

Revision as of 14:46, 9 August 2024

Template documentation

Uses template styles

This template uses template styles found in:

Hex color (gold): #FFD700

Predefined color (red): red

RGB color (orange) with a custom name: Sunset#FFD700

Produces a little square with given color and a color code label. Can also add a custom label.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Color	`1`	A valid CSS color. Example red	Line	required
Label	`2`	A custom label. Example Cool green	Line	suggested

@@ Line 9: / Line 9: @@
      margin: -1px 0px -3px 0px;
      text-wrap: nowrap;
-">
+"><!--
-<span class="color-label-label" style="
+--><span class="color-label-label" style="
      /* offset from the color rect */
      margin-right: 0.3rem;
-">{{{2|}}}</span>
+">{{{2|}}}</span><!--
-<span class="color-label-color-square" style="
+--><span class="color-label-color-square" style="
      background-color: {{{1}}};
      display: inline-block;
@@ Line 22: / Line 22: @@
      border-radius: 2px;
      margin-right: 0.15rem;
-"></span>
+"></span><!--
-<span class="color-label-code" style="
+--><span class="color-label-code" style="
      font-family: monospace;
 ">{{{1}}}</span>