Template:Tag: Difference between revisions

Latest revision as of 18:25, September 20, 2021

Purpose & Usage

Create tags to use as indicators where appropriate (DO NOT overuse this!). This template makes use of custom CSS classes to display theme-friendly colors. Reference the Site Color Pallet for CSS classes.

{{Tag|bg|bd|tx|text}}

Examples

Default Call

Code:

some text {{Tag|text=TAG}} some text

Result: some text TAG some text

Code:

some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text

Result: some text TAG some text

Code:

some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text

Result: some text Long Tag some text

@@ Line 1: / Line 1: @@
-<includeonly>{{#switch:{{lc:{{{bg|}}}}}
+<includeonly><span class="{{{bg|blue}}}bg {{{bd|yellow}}}bd {{{tx|hl}}}tx px-1" style="cursor:default; border-radius:2px; width:auto; border: 2px solid transparent; text-align:center; font-family: Montserrat,sans-serif!important">'''''{{{text}}}'''''</span></includeonly><noinclude>__NOTOC__ [[Category:Formatting Templates]]
-| red | warning = red
-| salmon | instruction | heading = salmon
-| orange = orange
-| yellow | issue = yellow
-| chartr | bug = chartr
-| green = green
-| blue | notice = blue
-| purple | dev = purple
-| magenta = magent
-| highlight | brighter = hl
-| dimmer | dim = dim
-| #default = }}
-{{#switch:{{lc:{{{bd|}}}}}
-| red | warning = red
-| salmon | instruction | heading = salmon
-| orange = orange
-| yellow | issue = yellow
-| chartr | bug = chartr
-| green = green
-| blue | notice = blue
-| purple | dev = purple
-| magenta = magent
-| highlight | brighter = hl
-| dimmer | dim = dim
-| #default = }}
-{{#switch:{{lc:{{{tx|}}}}}
-| red | warning = red
-| salmon | instruction | heading = salmon
-| orange = orange
-| yellow | issue = yellow
-| chartr | bug = chartr
-| green = green
-| blue | notice = blue
-| purple | dev = purple
-| magenta = magent
-| highlight | brighter = hl
-| dimmer | dim = dim
-| #default = }}
-<div class="{{{bg}}}bg {{{bd}}}bd {{{tx}}}tx px-1" style="cursor:default; border-radius:2px; width:{{{width}}}rem; height:0.8rem; border: 2px solid transparent; text-align:center; display:table-cell; padding:1px;">'''''{{{tx}}}'''''</div></includeonly><noinclude>__NOTOC__ [[Category:Deprecated Templates]]
 == Purpose & Usage ==
-<pre>
+Create tags to use as indicators where appropriate (DO NOT overuse this!). This template makes use of custom CSS classes to display theme-friendly colors. Reference the [[Project:SiteColorPallet|Site Color Pallet]] for CSS classes.
-{{Tag|bg|bd|tx|width}}
-</pre>
-Used primarily to designate a DLC required, although it may be used to simply show text with a background color/gradient.
+<pre>{{Tag|bg|bd|tx|text}}</pre>
 == Examples ==
+===Default Call===
 '''Code:'''
-<pre>{{Lorem}} {{Tag|bg=red|bd=yellow|tx=blue|width=2}} {{Lorem}}</pre>
+<pre>some text {{Tag|text=TAG}} some text</pre>
 '''Result:'''
-{{Lorem}} {{Tag|bg=red|bd=yellow|tx=blue|width=2}} {{Lorem}}
+some text {{Tag|text=TAG}} some text
+<br>
+<hr>
+<br>
+'''Code:'''
+<pre>some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text</pre>
+'''Result:'''
+some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text
+<br>
+<hr>
+<br>'''Code:'''
+<pre>some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text</pre>
+'''Result:'''
+some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text
 == See Also ==