diff options
| author | Volpeon <git@volpeon.ink> | 2022-07-25 21:20:19 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-07-25 21:20:19 +0200 |
| commit | 72d4092b213d09cb88aed2efea76bf8d820b35f7 (patch) | |
| tree | 8f1824cb1fa4fde65417d860cf1c4d00e2b596a1 /src/objects | |
| parent | Fixed lightbox misalignment (diff) | |
| download | iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.tar.gz iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.tar.bz2 iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.zip | |
Fix lightbox padding
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_lightbox.scss | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index a5f077f..3e4037d 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -72,7 +72,7 @@ | |||
| 72 | max-width: 100%; | 72 | max-width: 100%; |
| 73 | max-height: 100%; | 73 | max-height: 100%; |
| 74 | margin: auto; | 74 | margin: auto; |
| 75 | padding: fn.dim(--pad) 0; | 75 | padding: fn.dim(--pad); |
| 76 | } | 76 | } |
| 77 | 77 | ||
| 78 | @include iro.bem-elem('thumbnails') { | 78 | @include iro.bem-elem('thumbnails') { |
| @@ -133,13 +133,15 @@ | |||
| 133 | } | 133 | } |
| 134 | 134 | ||
| 135 | @include iro.bem-modifier('prev') { | 135 | @include iro.bem-modifier('prev') { |
| 136 | grid-area: prev; | 136 | grid-area: prev; |
| 137 | margin-left: calc(.5 * fn.dim(--pad)); | 137 | margin-right: calc(-1 * fn.dim(--pad)); |
| 138 | margin-left: calc(.5 * fn.dim(--pad)); | ||
| 138 | } | 139 | } |
| 139 | 140 | ||
| 140 | @include iro.bem-modifier('next') { | 141 | @include iro.bem-modifier('next') { |
| 141 | grid-area: next; | 142 | grid-area: next; |
| 142 | margin-right: calc(.5 * fn.dim(--pad)); | 143 | margin-right: calc(.5 * fn.dim(--pad)); |
| 144 | margin-left: calc(-1 * fn.dim(--pad)); | ||
| 143 | } | 145 | } |
| 144 | } | 146 | } |
| 145 | } | 147 | } |
