diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-30 07:20:47 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-30 07:20:47 +0100 |
| commit | c346bc64f24f01ae40b75a8a4ae03747d014266f (patch) | |
| tree | 479d471dd9b51aed331930f1a64ccfdd73895027 /src | |
| parent | Fixed code object (diff) | |
| download | iro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.tar.gz iro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.tar.bz2 iro-design-c346bc64f24f01ae40b75a8a4ae03747d014266f.zip | |
Update
Diffstat (limited to 'src')
| -rw-r--r-- | src/_declare-vars.scss | 3 | ||||
| -rw-r--r-- | src/objects/_bubble.scss | 17 | ||||
| -rw-r--r-- | src/objects/_emoji.scss | 2 | ||||
| -rw-r--r-- | src/scopes/_blockquotes.scss | 10 | ||||
| -rw-r--r-- | src/scopes/_lists.scss | 15 |
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 | } |
