bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

js header

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-02-28 10:39:17 +01:00
parent 12903709d1
commit acf5638ebd
4 changed files with 57 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@@ -94,7 +94,7 @@ header{
}
.close-block, .open-block{
.close-block, .open-block, .open-block.opened{
cursor:pointer;
span{
display: block;
@@ -106,28 +106,28 @@ header{
z-index: 1;
}
}
.close-block{
order: 1;
grid-column: 12;
display: none;
margin: auto;
span{
transform-origin: center;
}
&>div>span:first-child{
// .close-block{
// order: 1;
// grid-column: 12;
// display: none;
// margin: auto;
// span{
// transform-origin: center;
// }
// &>div>span:first-child{
transform: translateY(57%)rotate(45deg);
}
&>div>span:nth-child(2){
transform: rotate(-45deg);
}
// @include breakpoint(small down) {
// position: absolute;
// top: 1rem;
// right: 1rem;
// }
// transform: translateY(57%)rotate(45deg);
// }
// &>div>span:nth-child(2){
// transform: rotate(-45deg);
// }
// // @include breakpoint(small down) {
// // position: absolute;
// // top: 1rem;
// // right: 1rem;
// // }
}
// }
.open-block{
height: 100%;
display: grid;
@@ -138,4 +138,22 @@ header{
transform-origin: 4px 0px;
}
}
.open-block.opened {
margin: auto;
span {
transform-origin: center;
margin-bottom: 0;
}
&>div>span:first-child {
transform: translateY(57%) rotate(45deg);
}
&>div>span:nth-child(2) {
transform: rotate(-45deg);
}
&>div>span:nth-child(3) {
display: none;
}
}
}