3 files changed, 19 insertions, 0 deletions

diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 0dd7879..9be249f 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -51,6 +51,11 @@
             --h: 354,
             --s: 44%,
             --l: 45%,
+
+            --key-focus: (
+                --border: fn.global-color(--focus --fill),
+                --shadow: fn.global-color(--focus --shadow),
+            ),
         ),
     ), 'colors');
 
@@ -110,5 +115,12 @@
                 }
             }
         }
+    
+        @include iro.bem-at-theme('keyboard') {
+            &:focus {
+                border-color: fn.color(--key-focus --border);
+                box-shadow:   inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
+            }
+        }
     }
 }
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index e7f2cfd..7653a99 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -5,6 +5,7 @@
     @include iro.props-store((
         --dims: (
             --z-index: 10000,
+            --blur:    2em,
         ),
     ), 'dims');
 
@@ -32,5 +33,6 @@
         flex-direction:   column;
         background-color: fn.color(--bg);
         color:            fn.global-color(--fg);
+        backdrop-filter:  blur(fn.dim(--blur));
     }
 }
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss
index 1259b4a..cae92a2 100644
--- a/src/objects/_bubble.scss
+++ b/src/objects/_bubble.scss
@@ -46,6 +46,11 @@
             transform:   translate(.2em, .2em);
         }
         
+        @include iro.bem-elem('divider') {
+            margin-right: calc(--1 * fn.dim(--pad-x));
+            margin-left:  calc(--1 * fn.dim(--pad-x));
+        }
+        
         @include iro.bem-modifier('compact') {
             padding: fn.dim(--compact --pad-y) fn.dim(--compact --pad-x);
         }