Added status indicator and avatar

1 files changed, 16 insertions, 4 deletions

diff --git a/src/_functions.scss b/src/_functions.scss
index a649cc2..a11d5f4 100644
--- a/src/_functions.scss
+++ b/src/_functions.scss
@@ -1,19 +1,31 @@
 @use 'iro-sass/src/index' as iro;
 
 @function color($key, $tree: 'colors', $default: null, $global: false) {
-    $new-key: iro.fn-list-prepend($key, --colors);
-    @return iro.props-get($new-key, $tree, $default, $global);
+    $key: iro.fn-list-prepend($key, --colors);
+    @return iro.props-get($key, $tree, $default, $global);
 }
 
 @function global-color($key, $tree: 'colors', $default: null, $global: true) {
     @return color($key, $tree, $default, $global);
 }
 
+@function foreign-color($foreign-key, $key, $tree: 'colors', $default: null, $global: true) {
+    $key: iro.fn-list-prepend($key, --colors);
+    $key: iro.fn-list-prepend($key, $foreign-key);
+    @return iro.props-get($key, $tree, $default, $global);
+}
+
 @function dim($key, $tree: 'dims', $default: null, $global: false) {
-    $new-key: iro.fn-list-prepend($key, --dims);
-    @return iro.props-get($new-key, $tree, $default, $global);
+    $key: iro.fn-list-prepend($key, --dims);
+    @return iro.props-get($key, $tree, $default, $global);
 }
 
 @function global-dim($key, $tree: 'dims', $default: null, $global: true) {
     @return dim($key, $tree, $default, $global);
 }
+
+@function foreign-dim($foreign-key, $key, $tree: 'dims', $default: null, $global: true) {
+    $key: iro.fn-list-prepend($key, --dims);
+    $key: iro.fn-list-prepend($key, $foreign-key);
+    @return iro.props-get($key, $tree, $default, $global);
+}