add svg + responsive

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

@@ -15,16 +15,10 @@
    width: calc(100% / 4 );
    background: white;
    transform: scale(1);
-   box-shadow: none;
-   transition: 0.3s transform ease, 0.3s box-shadow ease;
+   @include shadow;
    a{
      display: block;
      height: 100%;
-   }
-   &:hover{
-     transform: scale(1.05);
-     transition: 0.3s all ease;
-     box-shadow: 0px 0px 13px 0px $color2;
    }
     & > .__wrap{
        padding: 1rem;
@@ -56,7 +50,6 @@
    }
  }
 
-
 .programme{
   .row{
     margin: 0;
@@ -69,8 +62,7 @@
     }
   }
 }
-
-@media screen and (min-width: 960px) {
+@media screen and (min-width: 992px) {
   .programme{
     .row{
       margin: $gutter1 calc(-#{$gutter1});
@@ -84,3 +76,48 @@
     }
   }
 }
+
+
+article{
+  .__publications{
+    & > div{
+      article{
+        width: 100%;
+        @include shadow;
+        figure{
+          padding: 1rem;
+          .__media{
+            margin-right: 1rem;
+          }
+          figcaption {
+            width: 80%;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 992px) {
+  article{
+    .__publications{
+      & > div{
+        margin: 0 calc(-#{$gutter1});
+        article{
+          width: calc( 50% - #{$gutter1} * 2);
+          margin: 0 $gutter1;
+          @include shadow;
+          figure{
+            padding: 1rem;
+            .__media{
+              margin-right: 1rem;
+            }
+            figcaption {
+              width: 80%;
+            }
+          }
+        }
+      }
+    }
+  }
+}