/**
 *  components: overlay
 *
 *  <div class="overlay">
 *
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__overlay__z-index: zIndex('overlay') !default;
$crispy__overlay__background-color: rgba(0, 0, 0, 10) !default;

@mixin crispy__overlay {
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: $crispy__overlay__z-index;

        width: 100%;
        height: 100%;

        background-color: $crispy__overlay__background-color;
    }
}
