Skip to content

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.