/// Timeline Component
/// ============================================================================
/// @group Components
/// @author Scape Agency
/// @since 0.1.0
/// @access public
///

@mixin timeline {
    display: block;

    &__year {
        margin-bottom: px2rem(55);
        text-transform: uppercase;
        color: var(--color-3); // corrected syntax
        font-size: px2rem(14);
        font-weight: 600;
        letter-spacing: 0.05em;
    }

    &__list {
        margin: 0;
        padding: 0;
        list-style: none;

        li + li {
            margin-top: px2rem(35);
        }
    }

    &__item {
        // optional: style for individual items
    }

    &__title {
        font-family: var(--secondary-font); // corrected syntax
        font-weight: normal;
        font-size: px2rem(16);
    }

    &__description {
        // optional: add styling for item descriptions if needed
    }
}