reperes & en pratique onglets

This commit is contained in:
2026-07-06 16:24:10 +02:00
parent db25fcf531
commit f6aaf54e42
2 changed files with 22 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@@ -524,11 +524,7 @@ main[role="main"]{
@include titre_h3; @include titre_h3;
} }
&.field-en-pratique{
div.field-label{
text-align: right;
}
}
&.field-ressources, &.field-ressources,
&.field-plus-loin{ &.field-plus-loin{
@@ -603,17 +599,19 @@ main[role="main"]{
.field-label{ .field-label{
color: $rose; color: $rose;
font-weight: 600; font-weight: 600;
background-color: #fff;
} }
} }
@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);
&>*>*{ &>*>*{
opacity: 0.6; // opacity: 0.6;
} }
.field-label{ .field-label{
color: inherit; color: inherit;
font-weight: 600; font-weight: 600;
background-color: rgba(247,247,247,1);
} }
} }
@@ -623,10 +621,26 @@ main[role="main"]{
&.field-en-pratique{ &.field-en-pratique{
margin-left: -50%; margin-left: -50%;
transform: translateY(2em); transform: translateY(2em);
div.field-label{
text-align: right;
right: 2em;
}
@include back-card(); @include back-card();
} }
&.field-principes-reflexion, &.field-principes-reflexion,
&.field-en-pratique{ &.field-en-pratique{
div.field-label{
display: block;
// background-color: #fff;
position: absolute;
top:-1em;
padding: 0.5em 2em;
font-size: 1.2em;
// color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out;
&.back-card{ &.back-card{
@include back-card(); @include back-card();
@@ -636,6 +650,7 @@ main[role="main"]{
} }
} }
} }
} // partie-principes-pratique } // partie-principes-pratique