diff options
Diffstat (limited to 'src/scopes')
| -rw-r--r-- | src/scopes/_blockquotes.scss | 10 | ||||
| -rw-r--r-- | src/scopes/_lists.scss | 15 | 
2 files changed, 25 insertions, 0 deletions
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 | } | 
