hidden-element

Парный набор миксинов, позволяющих управлять свойствами, влияющими на видимость элемента.

hidden-element

Визуально скрывает элемент, но оставляет его в основном потоке документа.

Параметры

Пример использования

@use 'more-sass' as more;

.element-one {
    @include more.hidden-element;
}

.element-two {
    @include more.hidden-element(10);
}

.element-one {
    visibility: hidden;
    opacity: 0;
}

.element-two {
    z-index: 10;
    visibility: hidden;
    opacity: 0;
}

hidden-element-active

Показывает скрытый элемент - отменяет эффект применения миксина hidden-element.

Параметры

Пример использования

@use 'more-sass' as more;

.element {
    @include more.hidden-element-active;
}

.element {
    visibility: visible;
    opacity: 1;
}