summaryrefslogtreecommitdiffstats
path: root/tpl/objects
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/objects')
-rw-r--r--tpl/objects/action-menu.pug8
-rw-r--r--tpl/objects/bubble.pug6
-rw-r--r--tpl/objects/dialog.pug8
-rw-r--r--tpl/objects/menu.pug10
-rw-r--r--tpl/objects/text-field.pug8
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
7 7
8mixin action-menu-item 8mixin action-menu-item
9 button.o-action-menu__item(disabled=attributes.disabled) 9 button.o-action-menu__item(disabled=attributes.disabled)
10 .l-card.l-card--flush 10 .l-media.l-media--flush
11 .l-card__block.o-action-menu__icon-slot 11 .l-media__block.o-action-menu__icon-slot
12 if attributes.icon 12 if attributes.icon
13 if attributes.iconIsStatus 13 if attributes.iconIsStatus
14 +status-indicator(attributes.icon)(class='o-action-menu__icon') 14 +status-indicator(attributes.icon)(class='o-action-menu__icon')
15 else 15 else
16 +icon(attributes.icon)(class='o-action-menu__icon') 16 +icon(attributes.icon)(class='o-action-menu__icon')
17 .l-card__block.l-card__block--main 17 .l-media__block.l-media__block--main
18 block 18 block
19 .l-card__block.o-action-menu__icon-slot 19 .l-media__block.o-action-menu__icon-slot
20 if attributes.postIcon 20 if attributes.postIcon
21 +icon(attributes.postIcon)(class='o-action-menu__icon') 21 +icon(attributes.postIcon)(class='o-action-menu__icon')
22 22
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)
42 42
43 article(class=classes) 43 article(class=classes)
44 if user && attributes.avatar 44 if user && attributes.avatar
45 .l-card.l-card--flush.l-flex--align-start 45 .l-media.l-media--flush.l-flex--align-start
46 .l-card__block.u-mt-50.u-sticky-top 46 .l-media__block.u-mt-50.u-sticky-top
47 +avatar= user.slice(0, 2) 47 +avatar= user.slice(0, 2)
48 .l-card__block.l-card__block--main 48 .l-media__block.l-media__block--main
49 +content 49 +content
50 else 50 else
51 +content 51 +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)
18 'o-dialog__header': true, 18 'o-dialog__header': true,
19 'u-themed': !attributes.flat, 19 'u-themed': !attributes.flat,
20 't-lowered': !attributes.flat, 20 't-lowered': !attributes.flat,
21 'l-card': true, 21 'l-media': true,
22 } 22 }
23 23
24 let sidebarHeaderClass = { 24 let sidebarHeaderClass = {
@@ -40,7 +40,7 @@ mixin dialog(title)
40 if slots['sidebar-header'] 40 if slots['sidebar-header']
41 - slots['sidebar-header']() 41 - slots['sidebar-header']()
42 else 42 else
43 +div-heading('sm')(class='o-dialog__title l-card__block l-card__block--main')= attributes.sidebarTitle 43 +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= attributes.sidebarTitle
44 44
45 if slots.sidebar 45 if slots.sidebar
46 .o-dialog__sidebar.l-overflow 46 .o-dialog__sidebar.l-overflow
@@ -51,8 +51,8 @@ mixin dialog(title)
51 - slots.header() 51 - slots.header()
52 else 52 else
53 if title 53 if title
54 +div-heading('sm')(class='o-dialog__title l-card__block l-card__block--main')= title 54 +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= title
55 +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-card__block') 55 +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-media__block')
56 56
57 section(class=bodyClass) 57 section(class=bodyClass)
58 if slots.body 58 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
18 - 18 -
19 let classes = { 19 let classes = {
20 'o-menu__item': true, 20 'o-menu__item': true,
21 'l-card': true, 21 'l-media': true,
22 'l-card--75': true, 22 'l-media--75': true,
23 'is-selected': attributes.selected, 23 'is-selected': attributes.selected,
24 } 24 }
25 if (attributes.class) { 25 if (attributes.class) {
@@ -28,15 +28,15 @@ mixin menu-item
28 28
29 #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes) 29 #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes)
30 if attributes.icon 30 if attributes.icon
31 .l-card__block.o-menu__icon-slot 31 .l-media__block.o-menu__icon-slot
32 if attributes.iconIsStatus 32 if attributes.iconIsStatus
33 +status-indicator(attributes.icon)(class='o-menu__icon') 33 +status-indicator(attributes.icon)(class='o-menu__icon')
34 else 34 else
35 +icon(attributes.icon)(class='o-menu__icon') 35 +icon(attributes.icon)(class='o-menu__icon')
36 .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass }) 36 .l-media__block.l-media__block--main&attributes({ class: attributes.contentClass })
37 block 37 block
38 if attributes.postIcon 38 if attributes.postIcon
39 .l-card__block.o-menu__icon-slot 39 .l-media__block.o-menu__icon-slot
40 +icon(attributes.postIcon)(class='o-menu__icon') 40 +icon(attributes.postIcon)(class='o-menu__icon')
41 41
42mixin menu-header 42mixin 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
14 'o-text-field--extended': !!block, 14 'o-text-field--extended': !!block,
15 'is-invalid': attributes.invalid, 15 'is-invalid': attributes.invalid,
16 'is-disabled': attributes.disabled, 16 'is-disabled': attributes.disabled,
17 'l-card': !!block, 17 'l-media': !!block,
18 'l-card--flush': !!block, 18 'l-media--flush': !!block,
19 'l-card--gapless': !!block, 19 'l-media--gapless': !!block,
20 } 20 }
21 if (attributes.class) { 21 if (attributes.class) {
22 classes[attributes.class] = true; 22 classes[attributes.class] = true;
@@ -32,7 +32,7 @@ mixin text-field
32 if slots.pre 32 if slots.pre
33 .u-d-contents.t-hi 33 .u-d-contents.t-hi
34 - slots.pre() 34 - slots.pre()
35 input.o-text-field__native.l-card__block.l-card__block--main&attributes(attr) 35 input.o-text-field__native.l-media__block.l-media__block--main&attributes(attr)
36 if slots.post 36 if slots.post
37 .u-d-contents.t-hi 37 .u-d-contents.t-hi
38 - slots.post() 38 - slots.post()