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
(Hanabi clue token)
 
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="position:relative;width:40px;height:40px;border:6px 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: 30px;line-height: 45px;text-align: center;"><div style="position:absolute;width:10px;height:10px;top:15px;left:15px;border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></div><div style="position:absolute;width:46px;height:46px;top:-3px;left:-3px;border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg)">{{{|}}}</div></div>
<span 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);"><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;">{{{1|&ZeroWidthSpace;}}}</span><span style="font-size:0;">clue tokens</span></span><noinclude>
<noinclude>


{{Hclue|=8}}
== Available parameters ==
<div style="display:grid;grid-template-columns:repeat(4,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
  <div style="font-weight:bold;width:8rem;">Parameter</div>
  <div style="font-weight:bold;width:8rem;">Default value</div>
  <div style="font-weight:bold;width:8rem;">Example</div>
  <div style="font-weight:bold;width:8rem;text-align:center;">Result</div>
  <div style="font-weight:bold;width:8rem;">Description</div>
  <div><code>1</code></div>
  <div><code>&amp;ZeroWidthSpace;</code></div>
  <div><code><nowiki>{{Hclue|8}}</nowiki></code></div>
  <div style="text-align:center;">{{Hclue|8}}</div>
  <div>'''''Optional:''''' specify the number of clue tokens e.g. <code>8</code>.</div>
  <div><code>size</code></div>
  <div><code>1.5</code></div>
  <div><code><nowiki>{{Hclue|size=2}}</nowiki></code></div>
  <div style="text-align:center;">{{Hclue|size=2}}</div>
  <div>'''''Optional:''''' specify the size in rem units.</div>
</div>


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

Latest revision as of 01:13, 3 January 2024

clue tokens

Available parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{Hclue|8}}
8clue 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.