////
///
/// Timestamp Classes
/// ===========================================================================
///
/// @group Classes.BodyMolecules.Content.Timestamp
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../../../mixins/body_molecules/content/timestamp" as *;

// ============================================================================
// Timestamp Classes
// ============================================================================

.timestamp {
    @include timestamp;
}

.timestamp-elevate {
    @include timestamp--elevate;

    .timestamp__container {
        @include timestamp--container;
    }

    .timestamp__details {
        @include timestamp--details;
    }

    .timestamp__time-since--active {
        @include timestamp--active;
    }

    .timestamp__expand-button {
        @include timestamp--expand-button;
    }

    &:not(.timestamp-elevate--expanded) .timestamp__container:hover {
        @include timestamp--hover(var(--color_text_primary));
    }

    &:not(.timestamp-elevate--expanded):has(.timestamp__time-since--active)
        .timestamp__container:hover {
        @include timestamp--hover(var(--color_accent_primary));
    }

    &.timestamp-elevate--expanded {
        .timestamp__details {
            display: block;
        }
        .timestamp__expand-button {
            display: none;
        }
    }
}