From 14e35430bfc0ec32ad795208adcabf518fd1f874 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 15 Mar 2025 11:51:34 +0100
Subject: Avatar: Add gradient BG

---
 src/objects/_avatar.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

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

diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index fc4ffcd..b90a3bd 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -94,6 +94,15 @@
             }
         }
 
+        @include bem.modifier('colored-gradient') {
+            @include bem.elem('content') {
+                color:      #fff;
+                background: linear-gradient(props.get(vars.$bg-angle),
+                hsl(props.get(vars.$bg-color--h), props.get(vars.$bg-color--s), props.get(vars.$bg-color--l)),
+                hsl(props.get(vars.$bg-color-2--h), props.get(vars.$bg-color-2--s), props.get(vars.$bg-color-2--l)));
+            }
+        }
+
         @each $mod, $size, $font-size, $indicator-size in vars.$sizes {
             @include bem.modifier($mod) {
                 font-size: props.get($font-size);
-- 
cgit v1.2.3-70-g09d2