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 | |
parent | Fixed lightbox misalignment (diff) | |
download | iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.tar.gz iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.tar.bz2 iro-design-72d4092b213d09cb88aed2efea76bf8d820b35f7.zip |
Fix lightbox padding
-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 | } |