summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-30 07:20:47 +0100
committerVolpeon <git@volpeon.ink>2023-01-30 07:20:47 +0100
commitc346bc64f24f01ae40b75a8a4ae03747d014266f (patch)
tree479d471dd9b51aed331930f1a64ccfdd73895027 /src/objects
parentFixed code object (diff)
downloadiro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.tar.gz
iro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.tar.bz2
iro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.zip
Update
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_bubble.scss17
-rw-r--r--src/objects/_emoji.scss2
2 files changed, 3 insertions, 16 deletions
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss
index 5c9ce04..f1d053f 100644
--- a/src/objects/_bubble.scss
+++ b/src/objects/_bubble.scss
@@ -3,19 +3,13 @@
3 3
4@include iro.props-namespace('bubble') { 4@include iro.props-namespace('bubble') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --colors: (
7 --image-bg: fn.global-color(--obj),
8 ),
9 ), 'colors');
10
11 @include iro.props-store((
12 --dims: ( 6 --dims: (
13 --pad-x: fn.global-dim(--size --200), 7 --pad-x: fn.global-dim(--size --200),
14 --pad-y: fn.global-dim(--size --150), 8 --pad-y: fn.global-dim(--size --150),
15 --rounding: 3px, 9 --rounding: 3px,
16 --arrow-size: fn.global-dim(--size --100), 10 --arrow-size: fn.global-dim(--size --100),
17 11
18 --compact: ( 12 --75: (
19 --pad-x: fn.global-dim(--size --150), 13 --pad-x: fn.global-dim(--size --150),
20 --pad-y: fn.global-dim(--size --85), 14 --pad-y: fn.global-dim(--size --85),
21 ), 15 ),
@@ -46,13 +40,8 @@
46 transform: translate(.2em, .2em); 40 transform: translate(.2em, .2em);
47 } 41 }
48 42
49 @include iro.bem-elem('divider') { 43 @include iro.bem-modifier('75') {
50 margin-right: calc(-1 * fn.dim(--pad-x)); 44 padding: fn.dim(--75 --pad-y) fn.dim(--75 --pad-x);
51 margin-left: calc(-1 * fn.dim(--pad-x));
52 }
53
54 @include iro.bem-modifier('compact') {
55 padding: fn.dim(--compact --pad-y) fn.dim(--compact --pad-x);
56 } 45 }
57 } 46 }
58} 47}
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 027d0e4..f7715e1 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -23,14 +23,12 @@
23 23
24 @include iro.bem-object(iro.props-namespace()) { 24 @include iro.bem-object(iro.props-namespace()) {
25 display: inline-block; 25 display: inline-block;
26 width: fn.dim(--size);
27 height: fn.dim(--size); 26 height: fn.dim(--size);
28 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); 27 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad));
29 padding: fn.dim(--pad); 28 padding: fn.dim(--pad);
30 vertical-align: .1em; 29 vertical-align: .1em;
31 30
32 @include iro.bem-modifier('125') { 31 @include iro.bem-modifier('125') {
33 width: fn.dim(--125 --size);
34 height: fn.dim(--125 --size); 32 height: fn.dim(--125 --size);
35 margin-top: calc(-.5 * fn.dim(--125 --size)); 33 margin-top: calc(-.5 * fn.dim(--125 --size));
36 margin-bottom: calc(-.5 * fn.dim(--125 --size)); 34 margin-bottom: calc(-.5 * fn.dim(--125 --size));