retour à la ligne programme, deploiement onglet ressource

This commit is contained in:
2021-04-17 17:42:39 +02:00
parent a523f80efa
commit 25cc038e98
203 changed files with 9224 additions and 136 deletions
@@ -53,32 +53,29 @@
content: "" !important;
}
#header #navbar ul.navigation li:last-child
#header #navbar ul.navigation li a:hover {
font-weight: 900;
}
#header.scrolled #navbar ul.navigation li a {
color: black !important;
font-size: 0.95rem;
transition:0.6s ease-in-out;
}
#logo {
display: flex;
flex-direction: row;
// &.active {
// a:after {
// top: 0;
// visibility: visible;
// @include transform(scaleX(0.75));
// }
// }
img {
padding: 0.5rem;
max-height: 3rem;
margin:auto;
}
#gouv {
padding-right: 4rem;
padding-right: 3rem;
}
}
@@ -160,12 +157,12 @@
}
}
.after-h1 {
.test {
.souligne.toright {
// opacity: 0;
// transition: opacity 1s ease-in-out;
animation: anim 1.2s 1 normal ease-in-out forwards;
}
.souligne {
.souligne.toleft {
animation: glissement 1.2s 1 normal ease-in-out forwards;
}
}
@@ -185,6 +182,7 @@
.programmes {
display: flex;
flex-wrap: wrap;
//
@@ -259,9 +257,10 @@
.programme {
z-index: 1;
max-width: 35%;
// min-width:
min-width: 26rem;
padding: 1.5rem;
background-color: white;
margin: 0.4rem;
@@ -307,16 +306,15 @@
position: relative;
max-height: 400px; /*Hauteur du texte visible avant le clic*/
overflow: hidden; /*On cache tout ce qui dépasse des 500px*/
overflow: hidden; /*On cache tout ce qui dépasse des 400px*/
transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
}
/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache.ouvert {
max-height: 100vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
max-height: 300vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
.bouton-ouverture {
position: relative;
justify-content: center;
cursor: pointer;
border: solid;
background-color: transparent;
@@ -637,12 +635,15 @@
align-items: center;
margin-left: 3rem;
img {
min-height: 4rem;
// min-height: 4rem;
max-height: 4rem;
padding-right: 1rem;
}
}
#new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important;
}
.contact {
display: flex;
flex-direction: column;
@@ -144,19 +144,19 @@ $dropdown-color: #f6f6f6;
-webkit-backface-visibility: hidden;
// &:before, &:after {
// content: "";
// position: absolute;
// width: 100%;
// height: 1px;
// bottom: 0;
// left: 0;
// background-color: $core-accent;
// visibility: hidden;
// @include transform(scaleX(0));
// @include transition(all 0.2s ease);
//
// }
&:before, &:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: $core-accent;
visibility: hidden;
@include transform(scaleX(0));
@include transition(all 0.2s ease);
}
&:hover:before {
visibility: visible;