@import '../shape/overlay';

////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
////

/// Generates a light overlay schema.
/// @type {Map}
/// @property {map} background-color [igx-color: ('grays', 500)] - The background color used for modal overlays.
/// @requires {function} extend
/// @requires $_fluent-overlay
/// @see $default-palette
$_light-overlay: extend(
    $_default-shape-overlay,
    (
        background-color: (
            igx-color: ('grays', 500)
        )
    )
);

/// Generates a fluent overlay schema.
/// @type {Map}
/// @property {Color} background-color [rgba(255, 255, 255, .4)] - The background color used for modal overlays.
/// @requires {function} extend
/// @requires $_light-overlay
$_fluent-overlay: extend(
    $_light-overlay,
    (
        background-color: rgba(255, 255, 255, .4)
    )
);