From 50f6acc739f24bfa2ca080d08e90d82f8fa83543 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Oct 2024 16:45:00 +0200 Subject: Revamped variable management --- src_old/objects/_backdrop.scss | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 src_old/objects/_backdrop.scss (limited to 'src_old/objects/_backdrop.scss') diff --git a/src_old/objects/_backdrop.scss b/src_old/objects/_backdrop.scss new file mode 100644 index 0000000..d0eaf52 --- /dev/null +++ b/src_old/objects/_backdrop.scss @@ -0,0 +1,26 @@ +@use 'iro-sass/src/index' as iro; +@use '../functions' as fn; + +@include iro.props-namespace('backdrop') { + @include iro.props-store(( + --dims: ( + --z-index: 10000, + --blur: 2em, + ), + --colors: ( + --bg: rgba(#000, .75), + ), + )); + + @include iro.bem-object(iro.props-namespace()) { + display: flex; + position: fixed; + z-index: fn.dim(--z-index); + inset: 0; + box-sizing: border-box; + flex-direction: column; + overflow: auto; + background-color: fn.color(--bg); + backdrop-filter: blur(fn.dim(--blur)); + } +} -- cgit v1.3.1