summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-01-17 22:04:57 +0100
committerVolpeon <git@volpeon.ink>2024-01-17 22:04:57 +0100
commit5d18c6e7db71067cb550a2b41fac56dd33c23e51 (patch)
tree6e2cbc3c2ae56a5de4def205443aa91194768307 /src
parentAdded larger badge variant (diff)
downloadiro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.tar.gz
iro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.tar.bz2
iro-design-5d18c6e7db71067cb550a2b41fac56dd33c23e51.zip
Lightbox
Diffstat (limited to 'src')
-rw-r--r--src/objects/_lightbox.scss25
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;