// Object CSS

$object-fits: (
  fill:                    'fill',
  contain:                 'contain',
  cover:                   'cover',
  none:                    'none',
  scale-down:              'scale-down',
  unset:                   'unset'
) !default;

$object-positions: (
  left-top:                 'left top',
  right-top:                'right top',
  right-bottom:             'right bottom',
  left-bottom:              'left bottom',
  left-center:              'left center',
  right-center:             'right center',
  center-top:               'center top',
  center-bottom:            'center-bottom',
  center:                   'center center',
  unset:                    'unset'
) !default;


@each $property, $value in $object-fits {
  .object-fit-#{$property} {
    object-fit: #{$value};
  }
}

@each $property, $value in $object-positions {
  .object-position-#{$property} {
    object-position: #{$value};
  }
}

.object-position-custom {
  --object-position: 0 0;
  object-position: var(--object-position);
}

