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

Template:Hex: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(white-space:nowrap;)
(div)
Line 1: Line 1:
<span style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}};rotate:calc({{{r|0}}}*30deg);width:{{{w|67.2}}}px;aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};white-space:nowrap;"><span style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</span><span style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</span></span><noinclude>
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}};rotate:calc({{{r|0}}}*30deg);width:{{{w|67.2}}}px;aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};"><div style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</div></div><noinclude>


== Examples ==
== Examples ==
Line 9: Line 9:
== Parameters ==
== Parameters ==


<div style="display:grid;grid:min-content repeat(8,minmax(140px,1fr))/5rem min-content 18rem min-content 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
<div style="display:grid;grid-template-columns:5rem min-content 18rem min-content 1fr;gap:0.25rem;overflow:auto;text-overflow:ellipsis;">
   <div style="font-weight:bold;width:8rem;">Parameter</div>
   <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;">Default value</div>

Revision as of 16:25, 10 May 2024

Examples

Clearing
A

{{hex |{{TaluvaClearing}} |A }}

Clearing
B

{{hex |{{TaluvaClearing}} |B |r=1 }}

Parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{hex |{{TaluvaClearing}} }}
Clearing
Optional: specify a Template:GameIcon image.
2
&ZeroWidthSpace;
{{hex | |text }}
text
Optional: specify a text value.
bg
#ddd
{{hex |bg=green }}
Optional: specify the background as a CSS color.
x
1
{{hex |x=3 }}
Optional: specify the x co-ordinate of the hex on a Template:HexMap.
y
1
{{hex |y=2 }}
Optional: specify the y co-ordinate of the hex on a Template:HexMap.
r
0
{{hex |r=1 }}
Optional: specify the rotation in units of 30° (0-11).