direction
The four directions into which content can be laid out.
Possible values are:
ltr: Left to right.rtl: Right to left.ttb: Top to bottom.btt: Bottom to top.
These values are available globally and also in the direction type's scope, so you can write either of the following two:
#stack(dir: rtl)[A][B][C]
#stack(dir: direction.rtl)[A][B][C]
DefinitionDefinitionThese functions and types can have related definitions. To access a definition, specify the name of the function or type, followed by the definition name separated by a period.
Definition
These functions and types can have related definitions. To access a definition, specify the name of the function or type, followed by the definition name separated by a period.
from
Returns a direction from a starting point.
Show example
direction.from(left) \
direction.from(right) \
direction.from(top) \
direction.from(bottom)
sideRequiredRequiredRequired parameters must be specified when calling the function.PositionalPositionalPositional parameters can be set by specifying them in order, omitting the parameter name.
Required
Required
Required parameters must be specified when calling the function.
Positional
Positional
Positional parameters can be set by specifying them in order, omitting the parameter name.
to
Returns a direction from an end point.
Show example
direction.to(left) \
direction.to(right) \
direction.to(top) \
direction.to(bottom)
sideRequiredRequiredRequired parameters must be specified when calling the function.PositionalPositionalPositional parameters can be set by specifying them in order, omitting the parameter name.
Required
Required
Required parameters must be specified when calling the function.
Positional
Positional
Positional parameters can be set by specifying them in order, omitting the parameter name.
axis
The axis this direction belongs to, either "horizontal" or
"vertical".
Show example
#ltr.axis() \
#ttb.axis()
sign
The corresponding sign, for use in calculations.
Show example
#ltr.sign() \
#rtl.sign() \
#ttb.sign() \
#btt.sign()
start
The start point of this direction, as an alignment.
Show example
#ltr.start() \
#rtl.start() \
#ttb.start() \
#btt.start()
end
The end point of this direction, as an alignment.
Show example
#ltr.end() \
#rtl.end() \
#ttb.end() \
#btt.end()
inv
The inverse direction.
Show example
#ltr.inv() \
#rtl.inv() \
#ttb.inv() \
#btt.inv()
