header menus déroulant et burger

This commit is contained in:
2021-11-22 13:18:58 +01:00
parent 6995382dcb
commit 1b24bf8167
5 changed files with 238 additions and 118 deletions
@@ -13,7 +13,9 @@
grid-column: 2;
}
.block-views{
.view-display-id-block_2{
padding-top: 0;
}
.node-type-actualite{
color: $blue-dark;
@@ -28,7 +30,21 @@
:nth-child(5) { order: 3; }
a{
color: $blue-dark;
}
}
.field--name-field-images {
.field__item img{
width: 100%;
height: fit-content;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
}
}
.field:not(.field--name-field-images){
width: 80%;
}
h2{ margin:0; }
}
}
}
@@ -36,20 +52,3 @@
}
}
// .node-type-actualite{
// color: $blue-dark;
// line-height: 1.5rem;
// padding: 0.5rem;
// div:first-child{
// display: flex;
// flex-direction: column;
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
// a{
// color: $blue-dark;
// }
// }
// }
+5 -33
View File
@@ -1,9 +1,4 @@
// .node-type-static {
// display: grid;
// grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
// }
.field--type-entity-reference-revisions{
.paragraph-summary{
@@ -29,8 +24,6 @@
.block-views-blockactus-blocks-pages-block-1{
background-color: $blue-dark;
// padding: 1rem;
.view-content{
@@ -71,15 +64,6 @@
}
// actu dans bandeau
// .node-type-actualite div:first-child{
// display: flex;
// flex-direction: column;
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
// }
// bouton voir toutes actus du bandeau bleu
.layout--onecol{
@@ -127,16 +111,12 @@
width: 70%;
margin: auto;
div:first-child:not(.field__item):not(.field){
// display: grid;
// grid-template-columns: 1fr repeat(8, 2fr) 1fr;
display: flex;
flex-direction: row;
}
.inline.links{
align-self: flex-end;
// grid-column: 9;
// grid-row: 2;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
@@ -145,24 +125,15 @@
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
a{
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
&:after{
display: block;
// content: url("../images/pictos/noun_Arrow_3771902.svg");
width: 40px;
// background-image: ;
// content: url("data:image/svg+xml; utf8, <svg version="1.1" x="0px" y="0px" viewBox="0 0 52 33" points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 "
// transform="translate(-23.815852,-33.316918)"/></svg>");
// // display:block;
// width:22px;
// height:10px;
// margin:10px 5px 0 10px;
// display: block;
width: 40%;
content: url('data:image/svg+xml,<svg width="60" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="translate(-23.815852,-33.316918)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
}
@@ -185,8 +156,9 @@
p{
font-size: 1.5rem;
width: 110%;
margin: 0;
margin-bottom: 2rem;
padding-bottom: 2rem;
margin-block-start: 0;
}
}