home view-display-id-block_2

This commit is contained in:
2021-11-18 11:12:53 +01:00
parent 7cf70006ef
commit 9310b9f231
28 changed files with 2800 additions and 9616 deletions
@@ -1,6 +1,6 @@
@font-face {
font-family: 'Font Awesome';
src: url('../fonts/Font Awesome/fa-regular-400.woff2') format('woff2');
src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@@ -16,7 +16,7 @@
}
.layout-content{
padding-bottom: 3rem;
padding-bottom: 6rem;
}
.path-frontpage{
margin: 0;
+56 -23
View File
@@ -25,6 +25,7 @@
}
// bandeau bleu actus
.block-views-blockactus-blocks-pages-block-1{
background-color: $blue-dark;
@@ -55,6 +56,7 @@
}
// actu dans bandeau
.node-type-actualite div:first-child{
display: flex;
@@ -64,6 +66,7 @@
:nth-child(5) { order: 3; }
}
// bouton voir toutes actus du bandeau bleu
.field--type-link {
display: block;
@@ -80,36 +83,66 @@
color: $blue-light;
}
a::after{
// font-family: "Font Awesome";
display: inline-block;
content: url("../../images/pictos/polygon2.svg");
// width: 6rem;
// height: 4rem;
background: green;
}
}
// boutons en savoir plus pour lien vers pages statiques
.node-type-static{
padding: 1rem;
.inline.links{
display: block;
width: fit-content;
.view-display-id-block_2{
padding-top: 2rem;
.node-type-static{
width: 80%;
margin: auto;
div:first-child:not(.field__item):not(.field){
display: flex;
flex-direction: row;
}
padding: 1rem;
font-size: 1rem;
// background-color: $white;
border: 2px solid $blue-light;
list-style: none;
a{
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
// &::after{
// content: url('../../images/pictos/noun_Arrow_3771902.svg');
// }
.inline.links{
align-self: flex-end;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
a{
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
// &::after{
// content: url('../../images/pictos/noun_Arrow_3771902.svg');
// }
}
}
.field--name-field-images{
.field__item{
img{
width: 15rem;
height: auto;
}
}
}
.field--name-title{
display: none;
}
.field--name-field-accroche{
flex: 1 1 50px;
padding-left: 1rem;
p{
font-size: 1.5rem;
width: 110%;
}
}
}
}
}
@@ -109,14 +109,14 @@
color: $blue-dark;
font-weight: 500;
}
.field--type-image{
// max-width: 70%;
// max-height: 4rem;
// img{
// object-fit: scale-down;
// }
// .field--type-image{
// // max-width: 70%;
// // max-height: 4rem;
// // img{
// // object-fit: scale-down;
// // }
}
// }
}
}
@@ -1,4 +1,10 @@
.layout-container{
position: relative;
}
header{
position: sticky;
}
#header-top {
height: 7rem;
@@ -8,7 +14,6 @@
flex-direction: row;
justify-content: space-between;
color: $black;
position: sticky;
@@ -19,7 +24,7 @@
align-items: center;
color: $black;
font-weight: 800;
position: sticky;
ul{
list-style: none;
display: flex;
@@ -68,13 +73,16 @@
:hover{
cursor: pointer;
}
h2::after{
h2:after{
display: block;
font-family: 'Font Awesome';
content: "\f0c9";
height: 60px;
font-size: 1rem;
// font-family: 'Font Awesome';
// content: "\f0c9";
// font-weight: 100;
// font-size: 5rem;
content:"";
background-image: url('~/web/themes/custom/eql/images/pictos/menu.png');
height: 6rem;
}
#block-burger-menu{