Skip to content
Orbit 2 is out, with Orbit Kit 2 and a new site: read the Orbit 2 docs or see what changed. These docs stay here for Orbit 1.x.

Side

Sides render a side that if used with other sides generates a regular polygon figure. The runtime supports more than 60 sides per orbit; the 60-item limit applies only to the CSS-only fallback.

Examples include the current Orbit stylesheet and runtime. Get both files for your project.

Sides can be customized by adding CSS border and background properties.

Examples include the current Orbit stylesheet and runtime. Get both files for your project.

.angle-*: Set starting point angle from 0 to 360 degrees, overrriding automatic radial arragement.

Examples include the current Orbit stylesheet and runtime. Get both files for your project.

By default, .side is positioned in the middle of orbit path. To change that, there some CSS utilities:

.inner-orbit: To place an.side just below its orbit.

.outer-orbit: To place .side just above its orbit.

Examples include the current Orbit stylesheet and runtime. Get both files for your project.