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

réinstall docker & css rorschach theme

Browse Source
This commit is contained in:
ouidade
2023-06-14 18:57:23 +02:00
parent 4d2e300c95
commit 0a62c93aa3
68 changed files with 2941 additions and 9244 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/rorschach/scss/partials/_header.scss
+78 -156
View File
@@ -27,7 +27,7 @@
#header-top {
height: 7rem;
background-color: $white;
box-shadow: 1px 0px 8px $black;
// box-shadow: 1px 0px 8px $black;
display: flex;
flex-direction: row;
justify-content: space-between;
@@ -36,42 +36,30 @@
scroll-margin: 8rem {};
// .region-header-top-rigth{
// display: flex;
// flex-direction: row;
// }
// logo + menu déroulant
.region-header-top-left {
display:flex;
flex-direction: row;
padding: 1rem;
padding-left: 4%;
align-items:center;
color: $black;
font-weight: 800;
flex: 1;
// padding: 1rem;
// padding-left: 4%;
// align-items:center;
// color: $black;
// font-weight: 800;
// flex: 1;
#block-rorschach-site-branding{
img{
width: 10%;
}
}
#block-logogouv{
display: flex;
height: 100%;
align-items: center;
img{
width: 80%;
height: auto;
}
}
#block-logoeql{
display: flex;
height: 100%;
align-items: center;
img{
// min-width: 80px;
width: 80%;
height: auto;
}
}
#block-headermenu{
#block-rorschach-main-menu{
align-self: baseline;
width: 70%;
margin-left: 3rem;
@@ -90,7 +78,7 @@
padding-inline-start: 0px;
padding: 1rem;
.is-active{
color:$blue-light;
// color:$blue-light;
}
ul{
display: flex;
@@ -104,7 +92,7 @@
padding-inline-start: 0px;
.is-active{
color:$blue-light;
// color:$blue-light;
}
}
li{
@@ -127,10 +115,10 @@
color: $black;
}
.is-active{
color:$blue-light;
// color:$blue-light;
}
:hover{
color: $blue-light;
// color: $blue-light;
}
}
@@ -146,141 +134,75 @@
}
// reseaux sociaux
#block-socialnetwork-2{
position: relative;
top: -33px;
align-self: flex-end;
margin-left: auto;
.field--name-body{
min-height: 75px;
// margin-right: 1rem;
}
p{
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
min-height: 65px;
justify-content: space-around;
width: 140px;
a{
color: $white;
font-size: 0;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
background-color: black;
width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/twitter_white.svg");
min-width: 30px;
padding-bottom: 0.3rem;
}
}
.link-youtube{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/youtube_white.svg");
min-width: 25px;
padding-bottom: 0.5rem;
}
}
.link-linkedin{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
// background-position-y: top;
&:before{
content: url("../images/pictos/linkedin_white.svg");
min-width: 35px;
padding-bottom: 0.2rem;
}
}
}
}
// menu burger à droite
#block-burger {
z-index: 1;
background-color: $blue-light;
font-size: 0.7rem;
color: $white;
display: block;
width: 7rem;
height: 100%;
margin-top: 0;
:hover{
cursor: pointer;
}
h2{
padding-top: 1rem;
}
h2:after{
display: block;
margin:auto;
height: 70px;
content:url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}
// #block-burger {
// z-index: 1;
// background-color: $blue-light;
// font-size: 0.7rem;
// color: $white;
// display: block;
// width: 7rem;
// height: 100%;
// margin-top: 0;
// :hover{
// cursor: pointer;
// }
// h2{
// padding-top: 1rem;
// }
// h2:after{
// display: block;
// margin:auto;
// height: 70px;
// content:url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
// }
#block-burger-menu{
display: block;
margin: 0;
align-self: center;
text-align: center;
// height:7rem;
}
// #block-burger-menu{
// display: block;
// margin: 0;
// align-self: center;
// text-align: center;
// // height:7rem;
// }
// block menu open fond bleu
.ul1:not(.sous-liste){
width: 300%;
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem;
padding-bottom: 2rem;
z-index: 99;
// .ul1:not(.sous-liste){
// width: 300%;
// position: relative;
// right: 260px;
// margin: 0;
// padding-top: 2rem;
// padding-bottom: 2rem;
// z-index: 99;
}
ul {
display: none;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
// }
// ul {
// display: none;
// background-color: $blue-light;
// line-height: 2rem;
// list-style: none;
.ul1 .sous-liste{
a{
opacity: 1;
}
}
a{
opacity: 0.6;
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;
// .ul1 .sous-liste{
// a{
// opacity: 1;
// }
// }
// a{
// opacity: 0.6;
// color: $white;
// font-weight: 800;
// font-size: 1rem;
// }
// }
// &.opened ul {
// display: block;
}
// }
}
}