header

web/themes/custom/colloque2024/css/components/slides/slides.scss

@@ -19,7 +19,6 @@
     article {
       width: calc(100% - 30px);
       height: 325px;
-      // background: none;
       display: flex;
       flex-direction: column;
       margin: 3rem $gutter 1.5rem $gutter;
@@ -79,35 +78,26 @@
   .views {
     section.wrap_head {
       // @include croix_or;
-      
       .head {
         display: flex;
         flex-direction: row;
         align-items: center;
         position: relative;
-        
-        .custom-line {
-          flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
-          border: none;
-          border-top: 1px solid #000; /* Couleur et style de la ligne */
-          margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
-        }
         h3{
-          // &:after{
-          //   content:url(../images/path1.svg);
-          //   max-width: fit-content;
-          // }
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+
+          &:after{
+            display: block;
+            content: "";
+            max-width: fit-content;
+            width: 100%; /* Étendre la ligne sur toute la largeur */
+            border-bottom: 1px solid #000; /* Couleur et style de la ligne */
+          }
         }
         
       }
-      .head::after {
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%; /* Étendre la ligne sur toute la largeur */
-        border-bottom: 1px solid #000; /* Couleur et style de la ligne */
-      }
     }
   }
   @media screen and (min-width: 576px) {
@@ -135,7 +125,7 @@
       }
     }
     .flickity-viewport {
-      // overflow: initial;
+      overflow: initial;
     }
     .flickity-slider > div {
       width: 70%;
@@ -150,10 +140,7 @@
 
 .flickity-slider {
   position: absolute;
-  // width: 300px;
+  width: 100%;
   height: 100%;
   margin-left: 10px;
-  &:hover{
-    // border: solid 1px black;
-  }
 }