retour à la ligne programme, deploiement onglet ressource
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user