Add aditional CSS custom variable on radial elements for user customization.

[tinchox5]

Orbit uses CSS transform property to arrange its radial elements. But in some cases users mat need to use this property. So, It may be great to add a CSS var at the end of transform. Something like --o-extra. Remember que transform is Chainable.

Origninal code in satellite:

 --o-transform: translate(
    calc(
      (var(--o-radius) - var(--o-aligment, 0px))  / var(--o-ellipse-x) *
        cos(var(--o-from) + var(--o-angle-composite ))
    ),
    calc(
      (var(--o-radius) - var(--o-aligment, 0px))  / var(--o-ellipse-y) *
        sin(var(--o-from) + var(--o-angle-composite))
    )
  );
  transform: var(--o-transform);

Proposal code:

 --o-transform: translate(
    calc(
      (var(--o-radius) - var(--o-aligment, 0px))  / var(--o-ellipse-x) *
        cos(var(--o-from) + var(--o-angle-composite ))
    ),
    calc(
      (var(--o-radius) - var(--o-aligment, 0px))  / var(--o-ellipse-y) *
        sin(var(--o-from) + var(--o-angle-composite))
    )
  );
  transform: var(--o-transform) var(--o-extra);

[tinchox5]

  transform: var(--o-transform) var(--o-transform-custom, rotate(0deg));

This enhancement will be applied just on satellites, --o-transform-custom will have a rotate(0deg) fallback that no produces any layout change.