summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/_declare-vars.scss3
-rw-r--r--src/objects/_bubble.scss17
-rw-r--r--src/objects/_emoji.scss2
-rw-r--r--src/scopes/_blockquotes.scss10
-rw-r--r--src/scopes/_lists.scss15
5 files changed, 30 insertions, 17 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index a36b17a..f7b3031 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -120,7 +120,8 @@
120 ), 120 ),
121 121
122 --list: ( 122 --list: (
123 --indent: fn.dim(--size --400, null), 123 --indent: fn.dim(--size --400, null),
124 --compact-indent: fn.dim(--size --200, null),
124 ), 125 ),
125 ), 126 ),
126), 'dims'); 127), 'dims');
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));
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index 3525cc3..5383bd7 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -6,6 +6,10 @@
6 --dims: ( 6 --dims: (
7 --indent: fn.global-dim(--list --indent), 7 --indent: fn.global-dim(--list --indent),
8 --margin-top: fn.global-dim(--paragraph --margin-top), 8 --margin-top: fn.global-dim(--paragraph --margin-top),
9
10 --compact: (
11 --indent: fn.global-dim(--list --compact-indent),
12 ),
9 ) 13 )
10 ), 'dims'); 14 ), 'dims');
11 15
@@ -21,5 +25,11 @@
21 padding-left: calc(fn.dim(--indent) - 3px); 25 padding-left: calc(fn.dim(--indent) - 3px);
22 border-left: 3px solid fn.color(--border); 26 border-left: 3px solid fn.color(--border);
23 } 27 }
28
29 @include iro.bem-modifier('compact') {
30 blockquote {
31 padding-left: calc(fn.dim(--compact --indent) - 3px);
32 }
33 }
24 } 34 }
25} 35}
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
index dd47b93..1322f2d 100644
--- a/src/scopes/_lists.scss
+++ b/src/scopes/_lists.scss
@@ -6,6 +6,10 @@
6 --dims: ( 6 --dims: (
7 --indent: calc(fn.global-dim(--list --indent) + 1em), 7 --indent: calc(fn.global-dim(--list --indent) + 1em),
8 --margin-top: fn.global-dim(--paragraph --margin-top), 8 --margin-top: fn.global-dim(--paragraph --margin-top),
9
10 --compact: (
11 --indent: fn.global-dim(--list --compact-indent),
12 ),
9 ) 13 )
10 ), 'dims'); 14 ), 'dims');
11 15
@@ -48,5 +52,16 @@
48 dd { 52 dd {
49 margin: 0 0 0 fn.dim(--indent); 53 margin: 0 0 0 fn.dim(--indent);
50 } 54 }
55
56 @include iro.bem-modifier('compact') {
57 ul,
58 ol {
59 padding-left: calc(fn.dim(--compact --indent) - 3px);
60 }
61
62 dd {
63 margin-left: calc(fn.dim(--compact --indent) - 3px);
64 }
65 }
51 } 66 }
52} 67}