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

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

// ============================================================================
// Summary Classes
// ============================================================================

.details {
    @include summary--details;
}

.summary {
    @include summary--base;
    @include summary--hide-default-icon;
}

/// Styling for the `<details>` element.
/// The `<details>` element represents a disclosure widget from which the user can obtain additional information.
/// @group Summary
details {
    @include summary--details;
}

/// Styling for the `<summary>` element within `<details>`.
/// The `<summary>` element is used as a summary or caption for the details content.
/// @group Summary
summary {
    @include summary--base;
    @include summary--hide-default-icon;
}