add branch & maj

user/themes/lecampus/scss/theme.scss

@@ -11,6 +11,7 @@
 @import 'theme/header';
 @import 'theme/menu';
 @import 'theme/footer';
+@import 'theme/form';
 @import 'theme/mobile';
 @import 'theme/cookies';
 

user/themes/lecampus/scss/theme/_blog.scss

@@ -256,8 +256,9 @@
           justify-content: center;
           img{
             display: inline-block;
-            height: 250px;
-            width: auto;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
           }
         }
         .wrapper-content{
@@ -268,11 +269,16 @@
           padding: 20px 20px;
           width: 100%;
           height: 100%;
-          .date{
-            float: left;
-          }
-          .cat{
-            margin-left: 3px;
+          .wrapper-info{
+            display: inline-flex;
+            width: 100%;
+            & > div{
+            }
+            .cat{
+              margin:0 0 0 3px;
+              height: inherit!important;
+              width: auto!important;
+            }
           }
           .readmore{
             float: right;
@@ -282,6 +288,7 @@
       .card-content{
         overflow: hidden;
         height: 7.7rem;
+        
         h2{
           font-size: 0.9rem;
         }
@@ -354,117 +361,6 @@
   }
 }
 
-.start#form{
-  .entete{
-    border-top: 1px solid $light-blue
-  }
-  h2{
-    margin-top: 0;
-  }
-  .body-wrapper{
-    width: 100%;
-    min-width: 250px;
-    margin: auto auto 140px auto;
-    form{
-      width: calc( (100% / 2));
-      margin-top: 20px;
-      margin: auto;
-      & > div{
-        width: 100%;
-        margin: 20px 0;
-        border-bottom: 1px solid $red;
-        .form-data{
-          @include inlineflex();
-          margin: 20px 0px;
-          &> div{
-            overflow: hidden;
-            margin: 10px 10px;
-            min-width: 100px;
-            border: 2px solid $red;
-            border-radius: 30px;
-            padding: 10px 20px;
-            &.check{
-              background: $red;
-              color: white;
-            }
-            input{
-              border: none;
-            }
-            input[type='radio'] {
-              visibility: hidden;
-              position: absolute;
-            }
-            label{
-              cursor: pointer;
-            }
-          }
-        }
-        &:nth-of-type(n+5):not(:nth-of-type(n+12)){
-          width: 50%;
-          float: left;
-          border-bottom: 0px;
-          .form-data{
-            width: 100%;
-            & > div{
-              width: 100%;
-            }
-          }
-        }
-        &:nth-of-type(11){
-          border-bottom: 1px solid $red !important;
-          width: 100%!important;
-          .form-data {
-            width: 50%!important;
-          }
-        }
-        &.button-wrapper{
-          background: $red;
-          height: 100px;
-          position: absolute;
-          left: 0;
-          width: 100%;
-          button{
-            margin-right: 25%;
-            position: absolute;
-            right: 0;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-                    transform: translateY(-50%);
-            background: white;
-            border-radius: 30px;
-            padding: 10px 35px;
-            box-shadow:none;
-            border:0;
-          }
-        }
-      }
-    }
-    #send-valide{
-      -webkit-transform: translate(-50%, -50%);
-              transform: translate(-50%, -50%);
-      background: $red;
-      border-radius: 20px;
-      position: fixed;
-      width: 30%;
-      min-height: 30%;
-      left: 50%;
-      top: 50%;
-      padding: 50px;
-      .toast{
-        position: relative;
-        text-align: center;
-        color: white;
-      }
-      .ok{
-        color: white;
-        position: absolute;
-        right: 20px;
-        bottom: 20px;
-      }
-    }
-  }
-}
-
 .header-wrapper{
 .title{
   h2{
@@ -1079,6 +975,9 @@
           margin: 0 0 1.2rem 0;
           line-height: 1.5rem;
         }
+        a{
+          border-bottom: 1px solid $red;
+        }
         h2{
           font-size: 1.2rem;
           font-family: $Bold;

user/themes/lecampus/scss/theme/_form.scss

@@ -0,0 +1,119 @@
+.start#form{
+  .entete{
+    border-top: 1px solid $light-blue;
+  }
+  h2{
+    margin-top: 0;
+  }
+  .body-wrapper{
+    width: 100%;
+    min-width: 250px;
+    margin: auto auto 140px auto;
+    form{
+      width: calc( (100% / 2));
+      margin-top: 20px;
+      margin: auto;
+      & > .form-columns{
+        width: 100%;
+        margin: 20px 0;
+        & > .form-column.w-100{
+          & > .form-group{
+            width: 100%;
+            & > .form-data{
+              width: 100%;
+              & > .form-textarea-wrapper  {
+                width: 100%;
+                textarea{
+                  width: 100%;
+                  resize: none;
+                  border: none;
+                }
+              }
+            }
+          }
+        }
+        & > .form-column {
+          padding: 20px 0;
+          display: flex;
+          width: 100%;
+          &:not(:nth-last-child(1)){
+            border-bottom: 1px solid $red;
+          }
+          & > .form-group{
+            width: auto;
+            .form-data{
+              @include inlineflex();
+              margin: 0px 0px;
+              &> div{
+                overflow: hidden;
+                margin: 10px 10px;
+                min-width: 100px;
+                border: 2px solid $red;
+                border-radius: 30px;
+                padding: 10px 20px;
+                &.check{
+                  background: $red;
+                  color: white;
+                }
+                input{
+                  border: none;
+                }
+                input[type='radio'] {
+                  visibility: hidden;
+                  position: absolute;
+                }
+                label{
+                  cursor: pointer;
+                }
+              }
+            }
+
+          }
+        }
+      }
+      .button-wrapper{
+        background: $red;
+        height: 100px;
+        position: absolute;
+        left: 0;
+        width: 100%;
+        button{
+          margin-right: 25%;
+          position: absolute;
+          right: 0;
+          top: 50%;
+          -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+          background: white;
+          border-radius: 30px;
+          padding: 10px 35px;
+          box-shadow:none;
+          border:0;
+        }
+      }
+    }
+    #send-valide{
+      -webkit-transform: translate(-50%, -50%);
+              transform: translate(-50%, -50%);
+      background: $red;
+      border-radius: 20px;
+      position: fixed;
+      width: 30%;
+      min-height: 30%;
+      left: 50%;
+      top: 50%;
+      padding: 50px;
+      .toast{
+        position: relative;
+        text-align: center;
+        color: white;
+      }
+      .ok{
+        color: white;
+        position: absolute;
+        right: 20px;
+        bottom: 20px;
+      }
+    }
+  }
+}

user/themes/lecampus/scss/theme/_mobile.scss

@@ -731,7 +731,8 @@
       width: 100%!important;
     }
 
-  }  .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
+  }
+   .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
     width: 90%!important;
     .cat {
       height: auto!important;
@@ -777,6 +778,30 @@
       }
     }
   }
+  .start{
+    &#form{
+      .body-wrapper{
+        form{
+          .form-columns{
+            .form-column {
+              display: block;
+              .form-data {
+                width: 100%;
+                & > div{
+                  width: 100%;
+                  label{
+                    display: block;
+                    width: 100%;
+                    text-align: center;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 
   #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
     width: 90%!important;

user/themes/lecampus/templates/partials/articles-list.html.twig

@@ -1,7 +1,6 @@
 {% set image = page.media.images|first %}
 <div class="card">
   <a href="{{ page.url }}">
-
   {% if image %}
     <div class="card-image">
       {{ image.derivatives(300,700,200).sizes('(max-width:26em) 100vw, 50vw').html('','articles') }}