View source for Template:CustomTag

<includeonly><sup style="color:{{#switch:{{lc:{{{color|}}}}}
|blue = #9eb8ee
|green
|added = #78c888
|red
|dropped
|replaced = #ff7878
|yellow = #c0c840
|orange
|merged
|moved
|updated = #f09800
|salmon = #e6b69e
|highlight = #ddd
|#default = {{{color}}}}}; font-size:{{#switch:{{lc:{{{size}}}}}
|normal = 1.0em
|larger = 1.03em
|smaller = 0.93em
|#default = {{{size|1.03em}}}}}; font-style:italic; font-weight:bold; line-height:1.0em;">{{#switch:{{lc:{{{tag}}}}}
|added = Added
|dropped = Dropped
|replaced = Replaced by
|merged = Incorporated
|moved = Moved to
|updated = Updated
|#default = {{{tag|}}}}}</sup></includeonly><noinclude>__NOTITLE____NOTOC__

= {{FULLPAGENAME}} =

== Purpose & Usage ==
Use this template to create a custom tag anywhere within a page's text. The tag is automatically formatted based on the parameters passed:

=== Parameters ===
* '''color'''
*: Sets the font color for the tag. Accepts all valid CSS values for the ''[https://www.w3schools.com/cssref/pr_text_color.asp color]'' property, as well as, predefined keywords (see chart below). Invalid keywords or skipping this parameter will result in the default text color of the current line.
* '''size'''
*: Sets the font size for the tag. Accepts all valid CSS values for the ''[https://www.w3schools.com/cssref/pr_font_font-size.asp font-size]'' property. Values for ''larger'', normal, and ''smaller'' are customized. Invalid keywords or skipping this parameter will result in the text size equal to that of the current line.
* '''tag'''
*: Text for the tag. Be aware of the ''Reserved'' keywords below. These are reserved for Step's use and will result in preformatted text. 

The following keywords specify predefined colors/formats. 

{| class="wikitable"
|-
! Keywords !!  Reserved!!! Hex Value
|-
| blue || || {{Fc|#9eb8ee|#9eb8ee}}
|-
| green || added || {{Fc|#78c888|#78c888}}
|-
| red || dropped, replaced || {{Fc|#ff7878|#ff7878}}
|-
| yellow || || {{Fc|#c0c840|#c0c840}}
|-
| orange || merged, moved, updated || {{Fc|#ffa500|#dd9500}}
|-
| salmon || || {{Fc|#e6b69e|#e6b69e}}
|-
| highlight || || {{Fc|#ddd|#ddd}}
|}
The ''highlight'' keyword simply makes the text slightly {{CustomTag|color=highlight|tag=brighter}}.

==Examples==
====Code:====
<pre>XyzLocation {{CustomTag|color=green|size=larger|tag=Completed}}</pre>
====Result:====
XyzLocation {{CustomTag||color=green|size=larger|tag=Completed}}

====Code:====
<pre>XyzLocation {{CustomTag|color=#DD5|size=smaller|tag=Completed}}</pre>
====Result:====
XyzLocation {{CustomTag||color=#DD5|size=smaller|tag=Completed}}

====Code:====
<pre>XyzLocation {{CustomTag|color=rgb(220,40,20)|size=1.2em|tag=Completed}}</pre>
====Result:====
XyzLocation {{CustomTag|color=rgb(220,40,20)|size=1.2em|tag=Completed}}

== Step Reserved ==
====Code:====
<pre>{{CustomTag|color=added|tag=added}}
{{CustomTag|color=dropped|tag=dropped}}
{{CustomTag|color=replaced|tag=replaced}}
{{CustomTag|color=moved|tag=moved}}
{{CustomTag|color=updated|tag=updated}}</pre>
====Result:====
{{CustomTag|color=added|tag=added}}<br/>
{{CustomTag|color=dropped|tag=dropped}}<br/>
{{CustomTag|color=replaced|tag=replaced}}<br/>
{{CustomTag|color=moved|tag=moved}}<br/>
{{CustomTag|color=updated|tag=updated}}

</noinclude>