card -> media

5 files changed, 20 insertions, 20 deletions

diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug
index 751e29d..bb21d9e 100644
--- a/tpl/objects/action-menu.pug
+++ b/tpl/objects/action-menu.pug
@@ -7,16 +7,16 @@ mixin action-menu
 
 mixin action-menu-item
     button.o-action-menu__item(disabled=attributes.disabled)
-        .l-card.l-card--flush
-            .l-card__block.o-action-menu__icon-slot
+        .l-media.l-media--flush
+            .l-media__block.o-action-menu__icon-slot
                 if attributes.icon
                     if attributes.iconIsStatus
                         +status-indicator(attributes.icon)(class='o-action-menu__icon')
                     else
                         +icon(attributes.icon)(class='o-action-menu__icon')
-            .l-card__block.l-card__block--main
+            .l-media__block.l-media__block--main
                 block
-            .l-card__block.o-action-menu__icon-slot
+            .l-media__block.o-action-menu__icon-slot
                 if attributes.postIcon
                     +icon(attributes.postIcon)(class='o-action-menu__icon')
 
diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug
index fad7242..bec6e9e 100644
--- a/tpl/objects/bubble.pug
+++ b/tpl/objects/bubble.pug
@@ -42,10 +42,10 @@ mixin bubble(user)
 
     article(class=classes)
         if user && attributes.avatar
-            .l-card.l-card--flush.l-flex--align-start
-                .l-card__block.u-mt-50.u-sticky-top
+            .l-media.l-media--flush.l-flex--align-start
+                .l-media__block.u-mt-50.u-sticky-top
                     +avatar= user.slice(0, 2)
-                .l-card__block.l-card__block--main
+                .l-media__block.l-media__block--main
                     +content
         else
             +content
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 91b99d9..95aa41c 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -18,7 +18,7 @@ mixin dialog(title)
             'o-dialog__header': true,
             'u-themed':         !attributes.flat,
             't-lowered':        !attributes.flat,
-            'l-card':           true,
+            'l-media':           true,
         }
 
         let sidebarHeaderClass = {
@@ -40,7 +40,7 @@ mixin dialog(title)
                 if slots['sidebar-header']
                     - slots['sidebar-header']()
                 else
-                    +div-heading('sm')(class='o-dialog__title l-card__block l-card__block--main')= attributes.sidebarTitle
+                    +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= attributes.sidebarTitle
 
         if slots.sidebar
             .o-dialog__sidebar.l-overflow
@@ -51,8 +51,8 @@ mixin dialog(title)
                 - slots.header()
             else
                 if title
-                    +div-heading('sm')(class='o-dialog__title l-card__block l-card__block--main')= title
-            +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-card__block')
+                    +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= title
+            +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-media__block')
 
         section(class=bodyClass)
             if slots.body
diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug
index 3cc092a..52cbe5e 100644
--- a/tpl/objects/menu.pug
+++ b/tpl/objects/menu.pug
@@ -18,8 +18,8 @@ mixin menu-item
     -
         let classes = {
             'o-menu__item': true,
-            'l-card':       true,
-            'l-card--75':   true,
+            'l-media':       true,
+            'l-media--75':   true,
             'is-selected':  attributes.selected,
         }
         if (attributes.class) {
@@ -28,15 +28,15 @@ mixin menu-item
 
     #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes)
         if attributes.icon
-            .l-card__block.o-menu__icon-slot
+            .l-media__block.o-menu__icon-slot
                 if attributes.iconIsStatus
                     +status-indicator(attributes.icon)(class='o-menu__icon')
                 else
                     +icon(attributes.icon)(class='o-menu__icon')
-        .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass })
+        .l-media__block.l-media__block--main&attributes({ class: attributes.contentClass })
             block
         if attributes.postIcon
-            .l-card__block.o-menu__icon-slot
+            .l-media__block.o-menu__icon-slot
                 +icon(attributes.postIcon)(class='o-menu__icon')
 
 mixin menu-header
diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug
index 53d1362..d5c4444 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-card':                 !!block,
-            'l-card--flush':          !!block,
-            'l-card--gapless':        !!block,
+            'l-media':                 !!block,
+            'l-media--flush':          !!block,
+            'l-media--gapless':        !!block,
         }
         if (attributes.class) {
             classes[attributes.class] = true;
@@ -32,7 +32,7 @@ mixin text-field
             if slots.pre
                 .u-d-contents.t-hi
                     - slots.pre()
-            input.o-text-field__native.l-card__block.l-card__block--main&attributes(attr)
+            input.o-text-field__native.l-media__block.l-media__block--main&attributes(attr)
             if slots.post
                 .u-d-contents.t-hi
                     - slots.post()