diff options
| author | Volpeon <git@volpeon.ink> | 2024-01-17 22:04:57 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-01-17 22:04:57 +0100 |
| commit | 5d18c6e7db71067cb550a2b41fac56dd33c23e51 (patch) | |
| tree | 6e2cbc3c2ae56a5de4def205443aa91194768307 /src | |
| parent | Added larger badge variant (diff) | |
| download | iro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.tar.gz iro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.tar.bz2 iro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.zip | |
Lightbox
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_lightbox.scss | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 09a228b..f2f83ef 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -80,15 +80,39 @@ | |||
| 80 | @include iro.bem-sibling-elem('img') { | 80 | @include iro.bem-sibling-elem('img') { |
| 81 | @include iro.bem-modifier('default') { | 81 | @include iro.bem-modifier('default') { |
| 82 | display: block; | 82 | display: block; |
| 83 | |||
| 84 | @include iro.bem-next-elem('nav-btn') { | ||
| 85 | display: block; | ||
| 86 | |||
| 87 | @include iro.bem-next-elem('nav-btn') { | ||
| 88 | display: block; | ||
| 89 | } | ||
| 90 | } | ||
| 83 | } | 91 | } |
| 84 | } | 92 | } |
| 85 | 93 | ||
| 86 | @include iro.bem-multi('&:target', 'is' 'visible') { | 94 | @include iro.bem-multi('&:target', 'is' 'visible') { |
| 87 | display: block; | 95 | display: block; |
| 88 | 96 | ||
| 97 | @include iro.bem-next-elem('nav-btn') { | ||
| 98 | display: block; | ||
| 99 | |||
| 100 | @include iro.bem-next-elem('nav-btn') { | ||
| 101 | display: block; | ||
| 102 | } | ||
| 103 | } | ||
| 104 | |||
| 89 | @include iro.bem-sibling-elem('img') { | 105 | @include iro.bem-sibling-elem('img') { |
| 90 | @include iro.bem-modifier('default') { | 106 | @include iro.bem-modifier('default') { |
| 91 | display: none; | 107 | display: none; |
| 108 | |||
| 109 | @include iro.bem-next-elem('nav-btn') { | ||
| 110 | display: none; | ||
| 111 | |||
| 112 | @include iro.bem-next-elem('nav-btn') { | ||
| 113 | display: none; | ||
| 114 | } | ||
| 115 | } | ||
| 92 | } | 116 | } |
| 93 | } | 117 | } |
| 94 | } | 118 | } |
| @@ -150,6 +174,7 @@ | |||
| 150 | } | 174 | } |
| 151 | 175 | ||
| 152 | @include iro.bem-elem('nav-btn') { | 176 | @include iro.bem-elem('nav-btn') { |
| 177 | display: none; | ||
| 153 | position: relative; | 178 | position: relative; |
| 154 | align-self: center; | 179 | align-self: center; |
| 155 | overflow: visible; | 180 | overflow: visible; |