home

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

@@ -1,3 +1,23 @@
+@media screen and (min-width: 576px) {
+  #block-views-block-slide-programme-block-1,
+  #block-views-block-dernieres-publications-block-1{
+    .views{
+      section{
+        .head{
+          display: flex!important;
+          width: 100%;
+          justify-content: space-between;
+          align-items: center;
+          .more_link{
+            margin: 0;
+
+          }
+        }
+      }
+    }
+  }
+}
+
 #block-views-block-slide-programme-block-1{
   .__slide{
     article{
@@ -6,11 +26,6 @@
   }
 }
 
-#block-views-block-dernieres-publications-block-1{
-  .__media{
-    padding: 1rem 0;
-  }
-}
 #block-views-block-slide-programme-block-1,
 #block-views-block-dernieres-publications-block-1{
   section:not(.wrap_head){
@@ -19,10 +34,11 @@
   .views{
     section{
       .head{
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        align-items: center;
+        display: block;
+        .more_link{
+          margin: 0.5rem 0;
+          width: fit-content;
+        }
       }
       .thumbnails{
         margin: 1rem;

web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss

@@ -10,20 +10,6 @@
    a{
      display: block;
      height: 100%;
-     & > .__wrap{
-       padding: 1rem;
-     }
-   }
-   .__media{
-     margin-right: 1rem;
-     figure{
-       height: 100%;
-       img{
-         width: 100%;
-         height: 100%;
-         object-fit: cover;
-       }
-     }
    }
    .__content{
      margin-top: 1rem;
@@ -31,6 +17,28 @@
   .d-flex{
      // padding: 1rem;
    }
+   &.programme{
+     .__wrap{
+       padding: 1rem;
+     }
+   }
+   &.publications{
+     width: 100%;
+     .__media{
+       padding: 1rem;
+       figure{
+         height: 100%;
+         img{
+           width: 100%;
+           height: 100%;
+           object-fit: cover;
+         }
+       }
+     }
+     .__content{
+       margin: 1rem 1rem 1rem 0;
+     }
+   }
  }
 
  .thumbnails{
@@ -57,6 +65,15 @@
     }
   }
 }
+
+
+@media screen and (min-width: 768px) {
+  .thumbnails{
+    &.publications{
+      width: calc(100% / 2 - #{$gutter1} * 2);
+    }
+  }
+}
 @media screen and (min-width: 992px) {
   .programme{
     .row{
@@ -70,6 +87,11 @@
       }
     }
   }
+  .thumbnails{
+    &.publications{
+      width: calc(100% / 4 - #{$gutter1} * 4);
+    }
+  }
 }
 
 .thumbnails_participants{