Fast Class Naming

Pressing the right arrow key in the class selector field returns the class name of the nearest parent that has a component class (class containing underscores).

Style The Base Class

Press shift key & up arrow key to select the base class. Press shift key & down arrow key to return to all classes. Below the desktop breakpoint, stacked classes will be removed and added back.

PX to REM

Type a number into any style panel field and press the space bar. The number will be divided by 16 and the rem unit will be attached to the end.

PX to %

Divide the width of any element by the width of its parent to get a percent width. Example: type 562/1440 into any style panel field and press the space bar. 562 will be divided by 1440. The result will be multiplied by 100, and a % unit will be attached to the end.