summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-27 11:26:15 +0200
committerVolpeon <git@volpeon.ink>2024-06-27 11:26:15 +0200
commit57e28f7fe929f275a0c516d0a702ec8a8739a810 (patch)
treefd84e604e0d19dba9c18d93097837a6b1d58199e /src/objects
parentUpdate (diff)
downloadiro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.gz
iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.bz2
iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.zip
Add card
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_card.scss24
1 files changed, 21 insertions, 3 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index 07256cb..5783ac1 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -53,13 +53,21 @@
53 } 53 }
54 } 54 }
55 55
56 @include iro.bem-elem('thumbnail') { 56 @include iro.bem-elem('avatar') {
57 margin-block-start: fn.dim(--pad-b);
58 margin-inline-start: fn.dim(--pad-i);
59 }
60
61 @include iro.bem-elem('image') {
57 position: relative; 62 position: relative;
58 width: 100%; 63 width: 100%;
59 height: 100%; 64
65 @include iro.bem-next-elem('avatar') {
66 margin-block-start: calc(-.7 * fn.foreign-dim(--avatar, --xl --size));
67 }
60 } 68 }
61 69
62 @include iro.bem-elem('thumbnail-img') { 70 @include iro.bem-elem('image-img') {
63 display: block; 71 display: block;
64 object-fit: cover; 72 object-fit: cover;
65 width: 100%; 73 width: 100%;
@@ -69,6 +77,16 @@
69 @include iro.bem-elem('body') { 77 @include iro.bem-elem('body') {
70 padding-block: fn.dim(--pad-b); 78 padding-block: fn.dim(--pad-b);
71 padding-inline: fn.dim(--pad-i); 79 padding-inline: fn.dim(--pad-i);
80
81 &::before {
82 content: '';
83 display: block;
84 margin-block: -100em 100em;
85 }
86 }
87
88 @include iro.bem-elem('content') {
89 margin-block-start: fn.dim(--spacing);
72 } 90 }
73 91
74 @include iro.bem-elem('footer') { 92 @include iro.bem-elem('footer') {