Template:Ink chip: Difference between revisions

From stencil.wiki
No edit summary
No edit summary
Line 4: Line 4:
== Usage ==
== Usage ==


<pre>
<pre>{{Color chip|Violet}}</pre>
{{Color chip|Violet}}
</pre>
{{Color chip|Violet}}  
{{Color chip|Violet}}  


=== Advanced attributes ===
=== Advanced attributes ===
Sometimes you will need the chip to point to a link other than the title, you can use that buy adding the ''link'' attribute:
Sometimes you will need the chip to point to a link other than the title, you can use that buy adding the ''link'' attribute:
<pre>
<pre>{{Color chip|Yellow|link=Violet}}</pre>
{{Color chip|Yellow|link=Violet}}
</pre>
{{Color chip|Yellow|link=Violet}}  
{{Color chip|Yellow|link=Violet}}  
</noinclude>
</noinclude><includeonly><span class="chip color-chip text-{{#ifexpr:{{#rmatch:{{#invoke:Color|hexToCielch|{{#invoke:Color|rgbTripletToHex|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$1|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$2|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$3|}}}}}}|/^([0-9]{1,3})/|$1}}>75|black|white}}" style="background:rgba({{#show: {{{1}}} |? Has rgb#}},1);border-color:rgba({{#show: {{{1}}} |? Has rgb#}},1);">[[{{{link|{{{1|}}}}}}|{{{1|}}}]]</span></includeonly>
 
<includeonly><span class="chip color-chip text-{{#ifexpr:{{#rmatch:{{#invoke:Color|hexToCielch|{{#invoke:Color|rgbTripletToHex|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$1|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$2|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$3|}}}}}}|/^([0-9]{1,3})/|$1}}>75|black|white}}" style="background:rgba({{#show: {{{1}}} |? Has rgb#}},1);border-color:rgba({{#show: {{{1}}} |? Has rgb#}},1);">[[{{{link|{{{1|}}}}}}|{{{1|}}}]]</span></includeonly>

Revision as of 20:12, 3 December 2024

A template to display ink colors as chips.

Usage

{{Color chip|Violet}}

Template:Color chip

Advanced attributes

Sometimes you will need the chip to point to a link other than the title, you can use that buy adding the link attribute:

{{Color chip|Yellow|link=Violet}}

Template:Color chip