Overlay

An overlay is like a digital curtain that adds a layer of drama to your website. It's a versatile component that can be used to display important information, create interactive experiences, or simply add some visual flair. With an overlay, you can easily draw attention to specific areas of your website without overwhelming your users.

HTML
SCSS

<div class="alert" role="alert">

</div>

@use "sass:list";
@use "sass:string";
@use "sass:meta";
@use "sass:map";

@use "~/src/styles/app.scss" as app;
@use "@nulllogic/scssleon/scss/mixins.scss" as mixins;
@use "@nulllogic/scssleon/scss/functions.scss" as functions;