Миксины
transform-center
Позиционирует элемент по центру родительского элемента используя свойство transform.
Не забудьте указать для родительского элемента значение свойства
position отличное от static.Параметры
—
Пример использования
@use 'more-sass' as more;
.element {
@include more.transform-center;
}
.element {
position: absolute;
inset-block-start: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
}