{"route":"/en-US-v0.14.1/reference/layout/scale/","title":"Scale","description":"Documentation for the `scale` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-factor","name":"factor","children":[]},{"id":"parameters-x","name":"x","children":[]},{"id":"parameters-y","name":"y","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":"scale","title":"Scale","keywords":[],"oneliner":"Scales content without affecting layout.","element":true,"contextual":false,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"

Scales content without affecting layout.

\n

Lets you mirror content by specifying a negative scale on a single axis.

\n

Example

\n
#set align(center)\n#scale(x: -100%)[This is mirrored.]\n#scale(x: -100%, reflow: true)[This is mirrored.]\n
\"Preview\"
"}],"self":false,"params":[{"name":"factor","details":[{"kind":"html","content":"

The scaling factor for both axes, as a positional argument. This is just\nan optional shorthand notation for setting x and y to the same\nvalue.

"}],"types":["auto","length","ratio"],"strings":[],"default":"100%","positional":false,"named":true,"required":false,"variadic":false,"settable":false},{"name":"x","details":[{"kind":"html","content":"

The horizontal scaling factor.

\n

The body will be mirrored horizontally if the parameter is negative.

"}],"types":["auto","length","ratio"],"strings":[],"default":"100%","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"y","details":[{"kind":"html","content":"

The vertical scaling factor.

\n

The body will be mirrored vertically if the parameter is negative.

"}],"types":["auto","length","ratio"],"strings":[],"default":"100%","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"origin","details":[{"kind":"html","content":"

The origin of the transformation.

"},{"kind":"example","content":{"body":"
A#box(scale(75%)[A])A \\\nB#box(scale(75%, origin: bottom + left)[B])B\n
\"Preview\"
","title":null}}],"types":["alignment"],"strings":[],"default":"center + horizon","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"reflow","details":[{"kind":"html","content":"

Whether the scaling impacts the layout.

\n

If set to false, the scaled content will be allowed to overlap\nother content. If set to true, it will compute the new size of\nthe scaled content and adjust the layout accordingly.

"},{"kind":"example","content":{"body":"
Hello #scale(x: 20%, y: 40%, reflow: true)[World]!\n
\"Preview\"
","title":null}}],"types":["bool"],"strings":[],"default":"false","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"body","details":[{"kind":"html","content":"

The content to scale.

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