add interviews post_type

web/themes/custom/popsu_colloque/css/pages/front.scss

@@ -1,18 +1,18 @@
-header{
-  #block-mainnavigation{
-    ul{
-      li{
+header {
+  #block-mainnavigation {
+    ul {
+      li {
         font-size: 0.8rem;
-        a{
+        a {
           color: black;
-          font-family: 'truenoregular';
-          &.is-active{
-            font-family: 'truenobold';
+          font-family: "truenoregular";
+          &.is-active {
+            font-family: "truenobold";
             color: black;
             text-decoration: none;
           }
-          &:hover{
-            font-family: 'truenobold';
+          &:hover {
+            font-family: "truenobold";
             color: black;
             text-decoration: none;
           }
@@ -22,159 +22,159 @@ header{
   }
 }
 
-#txt_present{
- margin: 3rem 0;
- @media screen and (min-width: 992px) {
-   margin: 5rem 0;
- }
+#txt_present {
+  margin: 3rem 0;
+  @media screen and (min-width: 992px) {
+    margin: 5rem 0;
+  }
 
- & * {
-   color: $color2;
- }
+  & * {
+    color: $color2;
+  }
 
- & > div{
-   margin: 2rem auto;
- }
+  & > div {
+    margin: 2rem auto;
+  }
 
- .__title-present{
-   h2{
-     font-size: 1.9rem;
-     font-family: 'truenoregular';
-     line-height: normal;
-   }
- }
+  .__title-present {
+    h2 {
+      font-size: 1.9rem;
+      font-family: "truenoregular";
+      line-height: normal;
+    }
+  }
 
- .__sub-title-present{
-   p{
-     font-family: 'truenoregular_italic';
-     font-size: 0.9rem;
-     line-height: 1.3rem;
-   }
- }
+  .__sub-title-present {
+    p {
+      font-family: "truenoregular_italic";
+      font-size: 0.9rem;
+      line-height: 1.3rem;
+    }
+  }
 
- .__body-present{
-   p{
-     font-family: 'truenolight';
-     font-size: 1.2rem;
-     line-height: 1.8rem;
-   }
- }
-
- .more_link{
-   padding: 0rem 1rem 0.2rem 1rem;
-   background: white;
-   a{
-     font-size: 0.7rem
-   }
- }
+  .__body-present {
+    p {
+      font-family: "truenolight";
+      font-size: 1.2rem;
+      line-height: 1.8rem;
+    }
+  }
 
+  .more_link {
+    padding: 0rem 1rem 0.2rem 1rem;
+    background: white;
+    a {
+      font-size: 0.7rem;
+    }
+  }
 }
 
-#block-views-block-dernieres-publications-block-1{
-  .views{
-    section:not(.wrap_head){
+#block-views-block-dernieres-publications-block-1,
+#block-views-block-slide-interviews-block-1 {
+  .views {
+    section:not(.wrap_head) {
       margin: 1rem 0;
       @media screen and (min-width: 768px) {
-        margin: 1rem calc( 0rem - #{$gutter});
+        margin: 1rem calc(0rem - #{$gutter});
       }
     }
   }
 }
 
-#block-views-block-gallerie-block-1{
-  section:not(.wrap_head){
+#block-views-block-gallerie-block-1 {
+  section:not(.wrap_head) {
     display: flex;
     flex-wrap: wrap;
-    margin:0 -1rem!important;
-    figure{
+    margin: 0 -1rem !important;
+    figure {
       padding: 1rem;
       margin: 0;
       width: 100%;
       max-height: 400px;
       @media screen and (min-width: 768px) {
-        width: calc( 100% / 3);
+        width: calc(100% / 3);
         max-height: 300px;
       }
       @media screen and (min-width: 1024px) {
-        width: calc( 100% / 6);
-        max-height:200px;
+        width: calc(100% / 6);
+        max-height: 200px;
       }
-      img{
+      img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }
     }
   }
-  .pager{
+  .pager {
     text-align: center;
     margin: 2rem;
-    .wrap--btn{
-      a{
+    .wrap--btn {
+      a {
         @include shadow;
         background: white;
         width: fit-content;
         margin: auto;
-        padding: 0.5rem 1rem;  
+        padding: 0.5rem 1rem;
         font-size: 12px;
         display: block;
-        font-family: 'truenobold';        
+        font-family: "truenobold";
         color: $color2;
       }
     }
   }
-
 }
 
-.lightbox{
-  position: fixed!important;
-  top: 50%!important;
-  transform: translateY(-50%)!important;
- }
+.lightbox {
+  position: fixed !important;
+  top: 50% !important;
+  transform: translateY(-50%) !important;
+}
 
-.lb-dataContainer{
+.lb-dataContainer {
   width: 100%;
-  background:white;
-  .lb-details{
+  background: white;
+  .lb-details {
     width: 100%;
   }
-  span{
+  span {
     display: block;
     text-align: center;
     color: black;
   }
-  .lb-number{
-    font-family: 'truenobold';
-    padding-bottom:0;
+  .lb-number {
+    font-family: "truenobold";
+    padding-bottom: 0;
   }
 }
 
 #block-views-block-gallerie-block-1,
 #block-views-block-slide-programme-block-1,
-#block-views-block-dernieres-publications-block-1{
+#block-views-block-dernieres-publications-block-1,
+#block-views-block-slide-interviews-block-1 {
   margin: 2rem 0;
   @media screen and (min-width: 992px) {
     margin: 5rem 0;
   }
-  h3{
+  h3 {
     text-transform: uppercase;
     margin: 0;
-    font-family: 'dukefill';
+    font-family: "dukefill";
     font-size: 2rem;
     letter-spacing: $letter_spacingH;
-    color: $color2
+    color: $color2;
   }
 }
 
-#block-views-block-slide-programme-block-1{
-  h3{
-    &::after{
-        display: inline-flex;
+#block-views-block-slide-programme-block-1 {
+  h3 {
+    &::after {
+      display: inline-flex;
       width: 60px;
       height: 60px;
       vertical-align: middle;
-      margin-left:20px;
+      margin-left: 20px;
       @include labelOnline;
     }
   }
-}
+}