User Tools

Site Tools


Sidebar

Passage markup

basics

coding

extra

list

section

whitespace

Macros

basics

colour

data structure

date and time

game state

live

maths

number

revision

saving

showing and hiding

string

styling

url

deprecated

Types of data

Special keywords

Special passage tags

harlowe:text-rotate

(text-rotate: Number) → Changer

This styling Command visually rotates the attached hook clockwise by a given number of degrees. The rotational axis is in the centre of the hook.

Example usage:

(text-rotate:45)[Tilted] will produce <span style="display:inline-block;transform:rotate(45deg);">Tilted</span>

Details:

The surrounding non-rotated text will behave as if the rotated text is still in its original position - the horizontal space of its original length will be preserved, and text it overlaps with vertically will ignore it.

A rotation of 180 degrees will, due to the rotational axis, flip the hook upside-down and back-to-front, as if the (text-style:) styles “mirror” and “upside-down” were both applied.

Due to browser limitations, hooks using this macro will have its CSS display attribute set to inline-block.

See also:

harlowe/text-rotate.txt · Last modified: 2017/06/18 23:00 by l