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

Skews content.

\n

Skews an element in horizontal and/or vertical direction. The layout will\nact as if the element was not skewed unless you specify reflow: true.

\n

Example

\n
#skew(ax: -12deg)[\n  This is some fake italic text.\n]\n
\"Preview\"
"}],"self":false,"params":[{"name":"ax","details":[{"kind":"html","content":"

The horizontal skewing angle.

"},{"kind":"example","content":{"body":"
#skew(ax: 30deg)[Skewed]\n
\"Preview\"
","title":null}}],"types":["angle"],"strings":[],"default":"0deg","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"ay","details":[{"kind":"html","content":"

The vertical skewing angle.

"},{"kind":"example","content":{"body":"
#skew(ay: 30deg)[Skewed]\n
\"Preview\"
","title":null}}],"types":["angle"],"strings":[],"default":"0deg","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"origin","details":[{"kind":"html","content":"

The origin of the skew transformation.

\n

The origin will stay fixed during the operation.

"},{"kind":"example","content":{"body":"
X #box(skew(ax: -30deg, origin: center + horizon)[X]) X \\\nX #box(skew(ax: -30deg, origin: bottom + left)[X]) X \\\nX #box(skew(ax: -30deg, origin: top + right)[X]) X\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 skew transformation impacts the layout.

\n

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

"},{"kind":"example","content":{"body":"
Hello #skew(ay: 30deg, 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 skew.

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