Template:Ink chip: Difference between revisions

Revision as of 01:50, 1 December 2024

A template to display ink colors as chips.

Example

{{Color chip|Violet}}

Output
Template:Color chip

@@ Line 1: / Line 1: @@
-<noinclude>{{Color chip|color=Violet}}{{Color chip|color=Light Teal}}</noinclude>
+<noinclude>
-<includeonly><span
+A template to display ink colors as chips.
-style="font-size:.75rem; display:inline-block; height: .875rem; border-radius: .5rem; padding:.125rem 1rem; border:1.62px solid black; background:#{{#show: {{{color}}} |?Has display hex # }};"></span></includeonly>
+'''Example'''<br>
+<pre>
+<nowiki>{{Color chip|Violet}}</nowiki>
+</pre>
+'''Output'''<br>
+{{Color chip|Violet}}
+</noinclude>
+<includeonly><span class="color-chip" style="
+font-size:.75rem;
+line-height: 1rem;
+display:inline-block;
+border-radius: .25rem;
+padding:.25rem .75rem;
+font-weight: 600;
+letter-spacing: 1px;
+vertical-align: middle;
+color: white;
+background:#{{#show: {{{1}}} |?Has display hex # }};">{{{1|}}}</span></includeonly>