packages/styles/scss/lib/_transform-origins.scss

   1 /**
   2  * Generate each transform origin possibilities
   3  * @return {String} - CSS classes for each transform origin value
   4  */
   5 @mixin transform-origins() {
   6         @each $position,
   7                 $origin
   8                         in (
   9                                 (top, bottom center),
  10                                 (top-start, bottom left),
  11                                 (top-end, bottom right),
  12                                 (bottom, top center),
  13                                 (bottom-start, top left),
  14                                 (bottom-end, top right),
  15                                 (left, right center),
  16                                 (left-end, right bottom),
  17                                 (left-start, right top),
  18                                 (right, left center),
  19                                 (right-end, left bottom),
  20                                 (right-start, left top)
  21                         )
  22         {
  23                 &--#{$position} {
  24                         transform-origin: $origin;
  25                 }
  26         }
  27 }