reperers/en pratique backcard opacity

This commit is contained in:
2026-09-15 09:41:05 +02:00
parent c210e3e677
commit 368a2b204a
2 changed files with 9 additions and 7 deletions
@@ -655,7 +655,7 @@ main[role="main"]{
@mixin front-card{ @mixin front-card{
z-index: 2; z-index: 2;
background-color: #fff; background-color: #fff;
&>*>*{ div.field>div:not(.field-label){
opacity: 1; opacity: 1;
} }
.field-label{ .field-label{
@@ -667,16 +667,18 @@ main[role="main"]{
@mixin back-card{ @mixin back-card{
z-index: 1; z-index: 1;
background-color: rgba(247,247,247,1); background-color: rgba(247,247,247,1);
// &>*>*{ div.field>div:not(.field-label){
// opacity: 0.6; opacity: 0.3;
// } }
.field-label{ .field-label{
color: inherit; color: inherit;
font-weight: 600; font-weight: 600;
background-color: rgba(247,247,247,1); background-color: rgba(247,247,247,1);
} }
} }
div.field>div:not(.field-label){
transition: all 0.3s ease-in-out;
}
&.field-principes-reflexion{ &.field-principes-reflexion{
@include front-card(); @include front-card();
} }
@@ -46,7 +46,7 @@
{% if label_hidden %} {% if label_hidden %}
{% if multiple %} {% if multiple %}
<div{{ attributes }}> <div{{ attributes.addClass('field') }}>
{% for item in items %} {% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div> <div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %} {% endfor %}
@@ -57,7 +57,7 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% else %} {% else %}
<div{{ attributes }}> <div{{ attributes.addClass('field') }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div> <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>