fleche lien bandeau actu

This commit is contained in:
2021-11-28 00:15:46 +01:00
parent cad1c65c05
commit 33b4a4357a
2 changed files with 32 additions and 10 deletions
+13 -3
View File
@@ -295,7 +295,8 @@ a {
display: flex;
flex-direction: column; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(1) {
order: 1; }
order: 1;
font-weight: 800; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(4) {
order: 2; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(5) {
@@ -312,6 +313,15 @@ a {
margin: 0; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite a {
color: black; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .inline.links {
padding-top: none !important;
list-style: none;
width: fit-content;
align-self: flex-end; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .inline.links a {
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type {
padding-top: 2rem; }
.layout--onecol .block-block-content {
display: grid;
@@ -337,7 +347,7 @@ a {
font-weight: 700;
color: #009ee3; }
.layout--onecol .field--type-link a::after {
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
.view-display-id-block_2:is(.view-id-home_nodes) {
padding-top: 2rem;
@@ -364,7 +374,7 @@ a {
font-weight: 700;
color: #009ee3; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a:after {
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
width: 15rem;
height: auto; }
+19 -7
View File
@@ -74,7 +74,7 @@
}
// bandeau bleu actus
// bandeau actus
.block-views-blockactus-blocks-pages-block-1{
border-bottom: 5px solid $blue-light;
@@ -94,7 +94,7 @@
div:first-child{ // block actu dans le bandeau
display: flex;
flex-direction: column;
:nth-child(1) { order: 1; }
:nth-child(1) { order: 1; font-weight: 800;}
:nth-child(4) { order: 2; }
:nth-child(5) { order: 3; }
}
@@ -112,7 +112,21 @@
width: 100%;
}
h2{ margin:0; }
a{ color: $black; }
a{ color: $black; }
.inline.links{
padding-top: none !important;
list-style: none;
width: fit-content;
align-self: flex-end;
a{
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
.field--name-field-actu-type{
padding-top: 2rem;
}
}
}
}
@@ -148,7 +162,7 @@
}
a::after{
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
@@ -161,9 +175,7 @@
.view-display-id-block_2:is(.view-id-home_nodes){
padding-top: 2rem;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
// background-image: url("../images/pictos/carre-contour-bleu.svg");
background-repeat: no-repeat;
// background-position: -20px;
@@ -192,7 +204,7 @@
color: $blue-light;
&:after{
// display: block;
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
content: url('data:image/svg+xml,<svg width="40" height="20" 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="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
}