From f21995712db77b20efa167b4624cdea6cbc40f5d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Feb 2023 09:05:16 +0100
Subject: More avatar sizes

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

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

diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 51b144a..958d939 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -21,6 +21,21 @@
 @include iro.props-namespace('avatar') {
     @include iro.props-store((
         --dims: (
+            --400: (
+                --size:           fn.global-dim(--size --1600),
+                --font-size:      fn.global-dim(--font-size --800),
+                --indicator-size: fn.global-dim(--size --400),
+            ),
+            --300: (
+                --size:           fn.global-dim(--size --1200),
+                --font-size:      fn.global-dim(--font-size --600),
+                --indicator-size: fn.global-dim(--size --300),
+            ),
+            --200: (
+                --size:           fn.global-dim(--size --800),
+                --font-size:      fn.global-dim(--font-size --300),
+                --indicator-size: fn.global-dim(--size --225),
+            ),
             --150: (
                 --size:           fn.global-dim(--size --650),
                 --font-size:      fn.global-dim(--font-size --200),
@@ -124,7 +139,7 @@
             }
         }
 
-        @each $size in 50 75 150 {
+        @each $size in 50 75 150 200 300 400 {
             @include iro.bem-modifier($size) {
                 font-size: fn.dim(--#{$size} --font-size);
     
-- 
cgit v1.2.3-70-g09d2