add interviews post_type

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

@@ -1,6 +1,6 @@
 .flickity-button {
   background: transparent;
-  &:hover{
+  &:hover {
     background: transparent;
   }
 }
@@ -14,9 +14,9 @@
 }
 
 #block-views-block-slide-programme-block-1,
-#block-views-block-slide-programme-node-intervenant-block-1{
-  .__slide{
-    article{
+#block-views-block-slide-programme-node-intervenant-block-1 {
+  .__slide {
+    article {
       width: calc(100% - 30px);
       height: 325px;
       // background: none;
@@ -32,26 +32,26 @@
       @media screen and (min-width: 1200px) {
         width: calc(100% / 4 - #{$gutter} * 2);
       }
-      a{
+      a {
         width: 100%;
         height: 100%;
         background: white;
         @include shadow;
-        .__wrap{
+        .__wrap {
           background: white;
         }
       }
-      &.first{
-        & > span{
-          font-family: 'truenolight';
+      &.first {
+        & > span {
+          font-family: "truenolight";
           position: absolute;
           top: -2.5rem;
           width: max-content;
           font-size: 1.2rem;
           line-height: 1.2;
         }
-        &:not(:first-child){          
-          &::before{
+        &:not(:first-child) {
+          &::before {
             position: absolute;
             display: block;
             content: " ";
@@ -70,23 +70,24 @@
 #block-views-block-gallerie-block-1,
 #block-views-block-slide-programme-block-1,
 #block-views-block-slide-programme-node-intervenant-block-1,
-#block-views-block-dernieres-publications-block-1{
-  section:not(.wrap_head){
+#block-views-block-dernieres-publications-block-1,
+#block-views-block-slide-interviews-block-1 {
+  section:not(.wrap_head) {
     margin: 1rem 0;
   }
-  .views{
-    section.wrap_head{
+  .views {
+    section.wrap_head {
       @include croix_or;
-      .head{
+      .head {
         display: block;
       }
     }
   }
   @media screen and (min-width: 576px) {
-    .views{
-      section{
-        .head{
-          display: flex!important;
+    .views {
+      section {
+        .head {
+          display: flex !important;
           width: 100%;
           justify-content: space-between;
           align-items: center;
@@ -96,23 +97,23 @@
   }
 }
 
-.paragraph--type--role-de-l-intervenant{
+.paragraph--type--role-de-l-intervenant {
   margin-bottom: 2rem;
-  .__slide{
+  .__slide {
     &:after {
-      content: 'flickity';
+      content: "flickity";
       display: none;
-      @media screen and ( min-width: 768px ) {
-        content: '';
+      @media screen and (min-width: 768px) {
+        content: "";
       }
     }
-    .flickity-viewport{
+    .flickity-viewport {
       // overflow: initial;
     }
-    .flickity-slider > div{
+    .flickity-slider > div {
       width: 70%;
       padding: 0 0.5rem;
-      @media screen and ( min-width: 768px ) {
+      @media screen and (min-width: 768px) {
         width: 100%;
       }
     }