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

@use "../../../mixins/body_molecules/hero/hero" as *;

// ============================================================================
// Hero Classes
// ============================================================================

/// Small hero variant
.hero--small {
    @include hero--size(small);
}

/// Medium hero variant
.hero--medium {
    @include hero--size(medium);
}

/// Large hero variant
.hero--large {
    @include hero--size(large);
}

/// Half-height hero
.hero--halfheight {
    @include hero--height(halfheight);
}

/// Full-height hero
.hero--fullheight {
    @include hero--height(fullheight);
}

/// Hero video background
.hero__video {
    @include hero--video;
}

/// Hero video background (transparent)
.hero__video--transparent {
    @include hero--video(true);
}

/// Hero buttons block
.hero__buttons {
    @include hero--buttons;
}

/* The hero image */
.hero-image {
    @include hero-image;
}

/* Place text in the middle of the image */
.hero-text {
    @include hero-text;
}