/**
 * Information stripe component that can be included in any desired custom class.
 */

@import '../container/container';

@mixin information-stripe() {
    font-size: 1rem;
    transform: translateY(0);
    transition: transform 0.3s;

    &__wrapper {
        @include container-wrapper();
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    &--hidden {
        transform: translateY(-105%);
    }
}