diff --git a/assets/scss/layouts/photos.scss b/assets/scss/layouts/photos.scss index 2f67296..1bf3eb0 100644 --- a/assets/scss/layouts/photos.scss +++ b/assets/scss/layouts/photos.scss @@ -21,8 +21,8 @@ background-position: center; background-repeat: no-repeat; span#caption{ - height:100%; - width:100%; + --height:100%; + --width:100%; } } @@ -49,9 +49,12 @@ display:none; background-color:rgba(27, 27,27, 0.7); color:white; - width:17.5em; + --width:17.5em; + width: 0; overflow:auto; - height:17.5em; + --height:17.5em; + height: 0; + overflow: none; word-wrap:break-word; word-break:break-word; padding:10px; @@ -65,6 +68,9 @@ transition: opacity 0.2s; span#caption{ display:block; + width:var(--width); + height:var(--height); + overflow: auto; } }