header sans animation
This commit is contained in:
@@ -273,7 +273,6 @@ header[role=banner] {
|
||||
height: 200px;
|
||||
width: 35%;
|
||||
transition: all 1.4s ease-in-out;
|
||||
background-color: rgb(255, 255, 255);
|
||||
/* ===========================
|
||||
LANGUAGE SWITCHER
|
||||
=========================== */
|
||||
@@ -345,7 +344,7 @@ header[role=banner] .contextual-region {
|
||||
width: max-content;
|
||||
}
|
||||
header[role=banner] .header_left_container {
|
||||
flex: 0 0 45%;
|
||||
flex: 0 0 70%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: rgb(255, 255, 255);
|
||||
@@ -384,7 +383,7 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti
|
||||
header[role=banner] .header_left_container img {
|
||||
width: auto;
|
||||
margin: auto;
|
||||
height: calc(200px - 4rem);
|
||||
height: calc(200px - 3rem);
|
||||
padding: 2rem;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
|
||||
@@ -360,6 +360,7 @@
|
||||
=========================== */
|
||||
|
||||
header[role="banner"] {
|
||||
// background: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -372,7 +373,7 @@
|
||||
height: $header-height;
|
||||
width: 35%;
|
||||
transition: all 1.4s ease-in-out;
|
||||
background-color: $white-header; // pour éviter la transparence
|
||||
// background-color: $white-header; // pour éviter la transparence
|
||||
|
||||
@media (max-width: 1090px) {
|
||||
height: $header-height-pad;
|
||||
@@ -438,7 +439,7 @@
|
||||
=========================== */
|
||||
|
||||
.header_left_container {
|
||||
flex: 0 0 45%;
|
||||
flex: 0 0 70%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: $white-header;
|
||||
@@ -491,7 +492,7 @@
|
||||
img {
|
||||
width: auto;
|
||||
margin: auto;
|
||||
height: calc($header-height - 4rem);
|
||||
height: calc($header-height - 3rem);
|
||||
padding: 2rem;
|
||||
transition: height 0.3s;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user