Rotation

Rotation

Classes to easily transform and rotate elements.

Element Rotations

Element rotations best work when used in conjunction with absolute positioning. Most of the time, these classes are used to rotate decorative images and svg's.

Sass Map

Add to the map below to generate additional rotation classes. This map is found in choco-theme/scss/variables/_global.scss.

$rotations: (
    "10":   10deg,
    "20":   20deg,
    "30":   30deg,
    "45":   45deg,
    "90":   90deg,
    "145":  145deg,
    "180":  180deg,
    "360":  360deg
);