Bubble

3 files changed, 11 insertions, 6 deletions

diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug
index 03fb10d..52f8949 100644
--- a/tpl/objects/bubble.pug
+++ b/tpl/objects/bubble.pug
@@ -8,9 +8,10 @@ mixin bubble(user)
         block ? block() : undefined
 
         let classes = {
-            'o-bubble':     true,
-            'o-bubble--75': attributes.compact,
-            't-raised':     !attributes.theme
+            'o-bubble':            true,
+            'o-bubble--75':        attributes.compact,
+            'o-bubble--highlight': attributes.highlight,
+            't-raised':            !attributes.theme
         }
         if (attributes.class) {
             classes[attributes.class] = true
diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug
index d5c4444..895770d 100644
--- a/tpl/objects/text-field.pug
+++ b/tpl/objects/text-field.pug
@@ -14,9 +14,9 @@ mixin text-field
             'o-text-field--extended': !!block,
             'is-invalid':             attributes.invalid,
             'is-disabled':            attributes.disabled,
-            'l-media':                 !!block,
-            'l-media--flush':          !!block,
-            'l-media--gapless':        !!block,
+            'l-media':                !!block,
+            'l-media--flush':         !!block,
+            'l-media--gapless':       !!block,
         }
         if (attributes.class) {
             classes[attributes.class] = true;
diff --git a/tpl/views/bubble.pug b/tpl/views/bubble.pug
index be9cf38..84d0912 100644
--- a/tpl/views/bubble.pug
+++ b/tpl/views/bubble.pug
@@ -7,6 +7,10 @@ mixin view-bubble
                     = '12:34'
                     +icon('lock')(class='u-ml-100')
 
+        .c-box
+            +bubble('Volpeon')(compact=true, highlight=true)
+                +slot('body')= loremIpsum
+
         .c-box.u-themed.t-hi
             +bubble()(compact=true theme='t-def')
                 +slot('body')= loremIpsum