retouche home

This commit is contained in:
2021-11-29 16:24:08 +01:00
parent 497172ec56
commit 0eed8e0aa4
4 changed files with 32 additions and 23 deletions
+11 -10
View File
@@ -419,13 +419,12 @@ a {
order: 3; } order: 3; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img { .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img {
max-width: 70%; max-width: 70%;
height: fit-content; max-height: 130px;
max-height: 200px; object-fit: cover;
object-fit: contain; } width: 100%;
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images::after { padding-bottom: 1rem; }
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="white" stroke-width="5"/></svg>'); }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite time { .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite time {
font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; } width: fit-content; }
@@ -445,7 +444,7 @@ a {
align-self: flex-end; align-self: flex-end;
padding-right: 1rem; } padding-right: 1rem; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .inline.links a { .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>'); } display: none; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type { .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type {
padding-top: 2rem; } padding-top: 2rem; }
@@ -632,11 +631,13 @@ a {
color: #09398b; } color: #09398b; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
width: 100%; width: 100%;
height: fit-content; } max-height: 175px;
object-fit: cover; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
display: block; 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>'); } 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>'); }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child time { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time {
font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; } width: fit-content; }
@@ -654,7 +655,7 @@ a {
align-self: flex-end; align-self: flex-end;
padding-right: 1rem; } padding-right: 1rem; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .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>'); } display: none; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type {
padding-top: 2rem; } padding-top: 2rem; }
@@ -721,7 +722,7 @@ header {
height: 100%; height: 100%;
align-items: center; } align-items: center; }
#header-top .region-header-top-left #block-logogouv img { #header-top .region-header-top-left #block-logogouv img {
width: 80%; width: 70%;
height: auto; } height: auto; }
#header-top .region-header-top-left #block-logoeql { #header-top .region-header-top-left #block-logoeql {
display: flex; display: flex;
+13 -8
View File
@@ -202,16 +202,18 @@
.field--name-field-images { .field--name-field-images {
.field__item img{ .field__item img{
max-width: 70%; max-width: 70%;
height: fit-content; max-height: 130px;
max-height: 200px; object-fit: cover;
object-fit: contain; width: 100%;
} padding-bottom: 1rem;
&::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="white" stroke-width="5"/></svg>');
} }
// &::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="white" stroke-width="5"/></svg>');
// }
} }
time{ time{
font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; width: fit-content;
@@ -233,8 +235,11 @@
align-self: flex-end; align-self: flex-end;
padding-right: 1rem; padding-right: 1rem;
a{ 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>'); display: none;
} }
// 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{ .field--name-field-actu-type{
padding-top: 2rem; padding-top: 2rem;
@@ -43,9 +43,8 @@
.field--name-field-images { .field--name-field-images {
.field__item img{ .field__item img{
width: 100%; width: 100%;
height: fit-content; max-height: 175px;
// max-height: 175px; object-fit: cover;
// object-fit: cover;
} }
&::after{ &::after{
display: block; display: block;
@@ -53,6 +52,7 @@
} }
} }
time{ time{
font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; width: fit-content;
@@ -71,8 +71,11 @@
align-self: flex-end; align-self: flex-end;
padding-right: 1rem; padding-right: 1rem;
a{ 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>'); display: none;
} }
// 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{ .field--name-field-actu-type{
padding-top: 2rem; padding-top: 2rem;
@@ -36,7 +36,7 @@ header{
height: 100%; height: 100%;
align-items: center; align-items: center;
img{ img{
width: 80%; width: 70%;
height: auto; height: auto;
} }
} }