fixed image caption #2564

2024-03-11 14:36:56 +01:00
parent 88be181204
commit 4dc5644898
2 changed files with 30 additions and 5 deletions
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -394,13 +394,32 @@ body{
        }

        section.entite{
-          
          >section{
            padding-bottom: 2em;
          }
          >section.image{
-            img{
-              max-width: 100%;
+            figure{
+              // border: #333 1px solid;
+              position: relative;
+              img{
+                max-width: 100%;
+              }
+              figcaption{
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                @include font_reponses();
+                background-color: rgba(0,0,0,0.8);
+                // opacity: 0.8;
+                color: #fff;
+                padding: 0.3em;
+                opacity: 0;
+                transition: all 0.2s ease-in-out;
+              }
+              &:hover figcaption{
+                opacity: 1;
+              }
            }
          }
          .sources{