{"route":"/en-US-v0.13.1/reference/layout/rotate/","title":"Rotate","description":"Documentation for the `rotate` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-angle","name":"angle","children":[]},{"id":"parameters-origin","name":"origin","children":[]},{"id":"parameters-reflow","name":"reflow","children":[]},{"id":"parameters-body","name":"body","children":[]}]}],"body":{"kind":"func","content":{"path":[],"name":"rotate","title":"Rotate","keywords":[],"oneliner":"Rotates content without affecting layout.","element":true,"contextual":false,"deprecation":null,"details":"

Rotates content without affecting layout.

\n

Rotates an element by a given angle. The layout will act as if the element\nwas not rotated unless you specify reflow: true.

\n

Example

\n
#stack(\n  dir: ltr,\n  spacing: 1fr,\n  ..range(16)\n    .map(i => rotate(24deg * i)[X]),\n)\n
\"Preview\"
","example":null,"self":false,"params":[{"name":"angle","details":"

The amount of rotation.

","example":"
#rotate(-1.571rad)[Space!]\n
\"Preview\"
","types":["angle"],"strings":[],"default":"0deg","positional":true,"named":false,"required":false,"variadic":false,"settable":true},{"name":"origin","details":"

The origin of the rotation.

\n

If, for instance, you wanted the bottom left corner of the rotated\nelement to stay aligned with the baseline, you would set it to bottom + left instead.

","example":"
#set text(spacing: 8pt)\n#let square = square.with(width: 8pt)\n\n#box(square())\n#box(rotate(30deg, origin: center, square()))\n#box(rotate(30deg, origin: top + left, square()))\n#box(rotate(30deg, origin: bottom + right, square()))\n
\"Preview\"
","types":["alignment"],"strings":[],"default":"center + horizon","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"reflow","details":"

Whether the rotation impacts the layout.

\n

If set to false, the rotated content will retain the bounding box of\nthe original content. If set to true, the bounding box will take the\nrotation of the content into account and adjust the layout accordingly.

","example":"
Hello #rotate(90deg, reflow: true)[World]!\n
\"Preview\"
","types":["bool"],"strings":[],"default":"false","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"body","details":"

The content to rotate.

","example":null,"types":["content"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":false,"settable":false}],"returns":["content"],"scope":[]}}}