reperers/en pratique backcard opacity

web_main/themes/custom/mathallo/assets/scss/main.scss

@@ -655,7 +655,7 @@ main[role="main"]{
       @mixin front-card{
         z-index: 2;
         background-color: #fff;
-        &>*>*{
+        div.field>div:not(.field-label){
           opacity: 1;
         }
         .field-label{
@@ -667,16 +667,18 @@ main[role="main"]{
       @mixin back-card{
         z-index: 1;
         background-color: rgba(247,247,247,1);
-        // &>*>*{
-        //   opacity: 0.6;
-        // }
+        div.field>div:not(.field-label){
+          opacity: 0.3;
+        }
         .field-label{
           color: inherit;
           font-weight: 600;
           background-color: rgba(247,247,247,1);
         }
       }
-
+      div.field>div:not(.field-label){
+        transition: all 0.3s ease-in-out;
+      }
       &.field-principes-reflexion{
         @include front-card();
       }

web_main/themes/custom/mathallo/templates/field.html.twig

@@ -46,7 +46,7 @@
 
 {% if label_hidden %}
   {% if multiple %}
-    <div{{ attributes }}>
+    <div{{ attributes.addClass('field') }}>
       {% for item in items %}
         <div{{ item.attributes }}>{{ item.content }}</div>
       {% endfor %}
@@ -57,7 +57,7 @@
     {% endfor %}
   {% endif %}
 {% else %}
-  <div{{ attributes }}>
+  <div{{ attributes.addClass('field') }}>
 
     <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>