Template:Compass icon: Difference between revisions
From Corsair Cove Official Wiki
now using site CSS, including instance variables. adjusted inner sizes |
Added color switch for paths |
||
| Line 1: | Line 1: | ||
<includeonly><span class="cc-compass-icon" style="--instance-path-color: #88ba5c; --instance-size: {{#switch: {{{size|sm}}}|xs=16|sm=32|md=64|lg=96|xl=128}}px; --instance-inner-size: {{#switch: {{{size|sm}}}|xs=13|sm=26|md=52|lg=78|xl=104}}px;"><!-- | <includeonly><span class="cc-compass-icon" style="--instance-path-color: {{#switch: {{{path|}}}|Notoriety=#88ba5c|Empire=#e6573f|Seafaring=#5782cf|Wealth=#d844b8|default=transparent}}; | ||
--instance-size: {{#switch: {{{size|sm}}}|xs=16|sm=32|md=64|lg=96|xl=128}}px; | |||
--instance-inner-size: {{#switch: {{{size|sm}}}|xs=13|sm=26|md=52|lg=78|xl=104}}px;"><!-- | |||
--><!-- | --><!-- | ||
-->[[File:{{{1}}}| | -->[[File:{{{1}}}| | ||
Latest revision as of 03:21, 26 July 2026
Generates a gold circular border around the specified icon, mimicking how it appears on the Compass.
Usage
| Parameter | Purpose |
|---|---|
| filename | the filename, including the extension, of the icon to place inside the border |
path= |
an optional Principle Path to which the item is associated, for easier location by readers. May be omitted to skip the outside highlight. Use any of following values:
|
size= |
the size of the icon, from any of the standard sizes:
|
Examples
{{Compass icon|T ICO resource plank.png|path=Notoriety|size=xs}}
{{Compass icon|T ICO resource plank.png|path=Empire|size=sm}}
{{Compass icon|T ICO resource plank.png|path=Seafaring|size=md}}
{{Compass icon|T ICO resource plank.png|path=Wealth|size=lg}}
{{Compass icon|T ICO resource plank.png|size=xl}}
