This is a documentation for Board Game Arena: play board games online !

Template:Hclue: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(white-space:nowrap;)
(screen reader accessibility)
Line 1: Line 1:
<span title="clue token" style="display:inline-block;position:relative;width:calc({{{size|1.5}}}rem * 1.25);height:calc({{{size|1.5}}}rem * 1.25);border:calc({{{size|1.5}}}rem * 0.1875) solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color:#fff;font-family:Impact;font-weight:700;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:{{{size|1.5}}}rem;text-align: center;vertical-align:baseline;line-height:calc({{{size|1.5}}}rem * 1.25);"><span style="position:absolute;width:calc({{{size|1.5}}}rem / 3.2);height:calc({{{size|1.5}}}rem / 3.2);top:calc({{{size|1.5}}}rem * 0.46875);left:calc({{{size|1.5}}}rem * 0.46875);border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></span><span style="position:absolute;width:calc({{{size|1.5}}}rem * 1.4375);height:calc({{{size|1.5}}}rem * 1.4375);top:calc({{{size|1.5}}}rem * 0.09375 * -1);left:calc({{{size|1.5}}}rem * 0.09375 * -1);border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg);"></span><span style="position:relative;white-space:nowrap;">{{{|&nbsp;}}}</span></span><noinclude>
<div title="clue tokens" style="display:inline-block;position:relative;width:calc({{{size|1.5}}}rem * 1.25);height:calc({{{size|1.5}}}rem * 1.25);border:calc({{{size|1.5}}}rem * 0.1875) solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color:#fff;font-family:Impact;font-weight:700;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:{{{size|1.5}}}rem;text-align: center;vertical-align:baseline;line-height:calc({{{size|1.5}}}rem * 1.25);"><div style="position:absolute;width:calc({{{size|1.5}}}rem / 3.2);height:calc({{{size|1.5}}}rem / 3.2);top:calc({{{size|1.5}}}rem * 0.46875);left:calc({{{size|1.5}}}rem * 0.46875);border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></div><div style="position:absolute;width:calc({{{size|1.5}}}rem * 1.4375);height:calc({{{size|1.5}}}rem * 1.4375);top:calc({{{size|1.5}}}rem * 0.09375 * -1);left:calc({{{size|1.5}}}rem * 0.09375 * -1);border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg);"></div><div style="position:relative;white-space:nowrap;">{{{1|&ZeroWidthSpace;}}}</div><span style="font-size:0;">clue tokens</span></div><noinclude>
{|class="wikitable" style="text-align:left;"
 
|+Available parameters
== Available parameters ==
!Parameter
<div style="display:grid;grid-template-columns:repeat(4,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
!Default value
  <div style="font-weight:bold;width:8rem;">Parameter</div>
!Example
  <div style="font-weight:bold;width:8rem;">Default value</div>
!Result
  <div style="font-weight:bold;width:8rem;">Example</div>
!Description
  <div style="font-weight:bold;width:8rem;text-align:center;">Result</div>
|-
  <div style="font-weight:bold;width:8rem;">Description</div>
|<code style="color:#b00;">null</code>
  <div><code>1</code></div>
|<code>&amp;nbsp;</code> (white space)
  <div><code>&amp;ZeroWidthSpace;</code></div>
|<code><nowiki>{{Hclue|=8}}</nowiki></code>
  <div><code><nowiki>{{Hclue|8}}</nowiki></code></div>
|style="text-align:center;"|{{Hclue|=8}}
  <div style="text-align:center;">{{Hclue|8}}</div>
|<b><i>Optional:</i></b> specify a token value e.g. <code>8</code>.
  <div>'''''Optional:''''' specify the number of clue tokens e.g. <code>8</code>.</div>
|-
  <div><code>size</code></div>
|<code>size</code>
  <div><code>1.5</code></div>
|<code>1.5</code>
  <div><code><nowiki>{{Hclue|size=2}}</nowiki></code></div>
|<code><nowiki>{{Hclue|size=2}}</nowiki></code>
  <div style="text-align:center;">{{Hclue|size=2}}</div>
|style="text-align:center;"|{{Hclue|size=2}}
  <div>'''''Optional:''''' specify the size in rem units.</div>
|<b><i>Optional:</i></b> specify the size in rem units.
</div>
|}


[[Category:GamePieceTemplates|Game piece templates]]
[[Category:GamePieceTemplates|Game piece templates]]
</noinclude>
</noinclude>

Revision as of 23:57, 2 January 2024

​
clue tokens

Available parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{Hclue|8}}
8
clue tokens
Optional: specify the number of clue tokens e.g. 8.
size
1.5
{{Hclue|size=2}}
​
clue tokens
Optional: specify the size in rem units.
Retrieved from "http:///index.php?title=Template:Hclue&oldid=19426"