From 50f6acc739f24bfa2ca080d08e90d82f8fa83543 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 17 Oct 2024 16:45:00 +0200
Subject: Revamped variable management

---
 src/objects/_card.scss | 170 -------------------------------------------------
 1 file changed, 170 deletions(-)
 delete mode 100644 src/objects/_card.scss

(limited to 'src/objects/_card.scss')

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
deleted file mode 100644
index 650ec3f..0000000
--- a/src/objects/_card.scss
+++ /dev/null
@@ -1,170 +0,0 @@
-@use 'iro-sass/src/index' as iro;
-@use '../functions' as fn;
-
-@include iro.props-namespace('card') {
-    @include iro.props-store((
-        --dims: (
-            --divider:  fn.global-dim(--border --thin),
-            --pad-i:    fn.global-dim(--size --300),
-            --pad-b:    fn.global-dim(--size --250),
-            --spacing:  fn.global-dim(--size --200),
-            --rounding: fn.global-dim(--rounding),
-
-            --hover: (
-                --offset-b: calc(-1 * fn.global-dim(--size --65)),
-            ),
-
-            --key-focus: (
-                --border:        fn.global-dim(--key-focus --border),
-                --border-offset: fn.global-dim(--key-focus --border-offset),
-                --outline:       fn.global-dim(--key-focus --outline),
-            ),
-        ),
-        --colors: (
-            --bg:       fn.global-color(--bg-l2),
-            --divider:  fn.global-color(--border-mute),
-
-            --key-focus: (
-                --label:   fn.global-color(--focus --text),
-                --border:  fn.global-color(--focus --border),
-                --outline: fn.global-color(--focus --outline),
-            ),
-
-            --quiet: (
-                --image: fn.global-color(--bg-base),
-
-                --hover: (
-                    --image: fn.global-color(--border),
-                ),
-            )
-        ),
-    ));
-
-    @include iro.bem-object(iro.props-namespace()) {
-        display:          block;
-        margin:           calc(-1 * fn.dim(--key-focus --border));
-        transition:       transform .2s;
-        border:           fn.dim(--key-focus --border-offset) solid transparent;
-        border-radius:    calc(fn.dim(--rounding) + fn.dim(--key-focus --border-offset));
-        background-color: fn.color(--bg);
-        background-clip:  content-box;
-
-        @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
-            &:hover,
-            &:active,
-            &:focus-visible {
-                transform: translateY(fn.dim(--hover --offset-b));
-            }
-
-            &:focus-visible {
-                outline:      fn.color(--key-focus --border) solid fn.dim(--key-focus --border);
-                box-shadow:   0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline);
-            }
-        }
-
-        @include iro.bem-elem('avatar') {
-            margin-block-start:  fn.dim(--pad-b);
-            margin-inline-start: fn.dim(--pad-i);
-        }
-
-        @include iro.bem-elem('image') {
-            display:          block;
-            inline-size:      100%;
-            object-fit:       cover;
-            transition:       transform .2s, opacity .2s;
-
-            &:first-child {
-                border-start-start-radius: fn.dim(--rounding);
-                border-start-end-radius:   fn.dim(--rounding);
-            }
-
-            &:last-child {
-                border-end-start-radius: fn.dim(--rounding);
-                border-end-end-radius:   fn.dim(--rounding);
-            }
-
-            @include iro.bem-next-elem('avatar') {
-                margin-block-start: calc(-.7 * fn.foreign-dim(--avatar, --xl --size));
-            }
-        }
-
-        @include iro.bem-elem('body') {
-            padding-block:  fn.dim(--pad-b);
-            padding-inline: fn.dim(--pad-i);
-
-            &::before {
-                content:       '';
-                display:       block;
-                margin-block:  -100em 100em;
-            }
-        }
-
-        @include iro.bem-elem('content') {
-            margin-block-start: fn.dim(--spacing);
-        }
-
-        @include iro.bem-elem('footer') {
-            padding-block:      0 fn.dim(--pad-b);
-            padding-inline:     fn.dim(--pad-i);
-            margin-block-start: calc(-1 * fn.dim(--pad-b));
-
-            &::before {
-                content:          '';
-                display:          block;
-                block-size:       fn.dim(--divider);
-                margin-block:     fn.dim(--spacing);
-                background-color: fn.color(--divider);
-            }
-        }
-
-        @include iro.bem-modifier('quiet') {
-            position:         relative;
-            border:           0;
-            background-color: transparent;
-
-            @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
-                &:hover,
-                &:active,
-                &:focus-visible {
-                    transform: none;
-
-                    @include iro.bem-elem('image') {
-                        transform:        translateY(fn.dim(--hover --offset-b));
-                        opacity:          .75;
-                        background-color: fn.color(--quiet --hover --image);
-                    }
-                }
-
-                &:focus-visible {
-                    outline:    none;
-                    box-shadow: none;
-
-                    @include iro.bem-elem('image') {
-                        outline:          fn.color(--key-focus --border) solid fn.dim(--key-focus --border);
-                        opacity:          1;
-                        background-color: fn.color(--quiet --hover --image);
-                        box-shadow:       0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline);
-                    }
-                }
-            }
-
-            @include iro.bem-elem('image') {
-                position:         relative;
-                margin:           calc(-1 * fn.dim(--key-focus --border));
-                border:           fn.dim(--key-focus --border-offset) solid transparent;
-                border-radius:    calc(fn.dim(--rounding) + fn.dim(--key-focus --border-offset));
-                background-color: fn.color(--quiet --image);
-                background-clip:  padding-box;
-            }
-
-            @include iro.bem-elem('body') {
-                padding:             0;
-                padding-block-start: fn.dim(--spacing);
-            }
-
-            @include iro.bem-elem('footer') {
-                padding-inline: 0;
-            }
-        }
-    }
-}
-- 
cgit v1.2.3-70-g09d2