page actualite image affinage

This commit is contained in:
2021-12-07 17:36:09 +01:00
parent 28204e510a
commit 066ec6320a
8 changed files with 27 additions and 20 deletions
+17 -14
View File
@@ -153,13 +153,10 @@ a {
/* /*
@import "pages/partials/header_footer"; @import "pages/partials/header_footer";
@import "pages/home";*/ @import "pages/home";*/
.layout__region--top { .layout__region--top .block-entity-fieldnodetitle {
padding-bottom: 3rem; width: fit-content;
height: 30vh; } margin-left: 13%;
.layout__region--top .block-entity-fieldnodetitle { margin-top: 15vh; }
width: fit-content;
margin-left: 13%;
margin-top: 15vh; }
.layout__region--first .block-region-first { .layout__region--first .block-region-first {
display: flex; display: flex;
@@ -582,7 +579,8 @@ a {
max-width: 100vw; max-width: 100vw;
background-size: contain; } background-size: contain; }
.node-id-20 .layout__region--top { .node-id-20 .layout__region--top {
padding-bottom: 3rem; } padding-bottom: 3rem;
height: 30vh; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
@@ -621,6 +619,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
background-color: rgba(0, 158, 227, 0.2); background-color: rgba(0, 158, 227, 0.2);
height: 40vh;
padding-right: 1rem; } padding-right: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid; display: grid;
@@ -629,7 +628,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
grid-column: 2; } grid-column: 2; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
grid-column: 2 /span 12; grid-column: 2 /span 9;
margin: 0; } margin: 0; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: "Source Code Pro"; font-family: "Source Code Pro";
@@ -647,7 +646,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
padding-top: 2rem; padding-top: 2rem;
width: 600px; width: 600px;
max-height: 400px; max-height: 360px;
object-fit: cover; } object-fit: cover; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first {
@@ -673,7 +672,8 @@ a {
background-size: contain; } background-size: contain; }
.node-id-35 .layout__region--top { .node-id-35 .layout__region--top {
padding-bottom: 3rem; } padding-bottom: 3rem;
height: 30vh; }
.node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
display: none; display: none;
height: inherit; } height: inherit; }
@@ -692,7 +692,8 @@ a {
max-width: 100vw; max-width: 100vw;
background-size: contain; } background-size: contain; }
.node-id-3 .layout__region--top { .node-id-3 .layout__region--top {
padding-bottom: 3rem; } padding-bottom: 3rem;
height: 30vh; }
.node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
display: none; display: none;
height: inherit; } height: inherit; }
@@ -777,7 +778,8 @@ a {
max-width: 100vw; max-width: 100vw;
background-size: contain; } background-size: contain; }
.node-id-4 .layout__region--top { .node-id-4 .layout__region--top {
padding-bottom: 3rem; } padding-bottom: 3rem;
height: 30vh; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
display: none; display: none;
height: inherit; } height: inherit; }
@@ -810,7 +812,8 @@ a {
background-size: contain; } background-size: contain; }
.node-id-5 .layout__region--top { .node-id-5 .layout__region--top {
padding-bottom: 3rem; } padding-bottom: 3rem;
height: 30vh; }
.node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
@@ -7,7 +7,7 @@
// grid-row: 1 / span 2; // grid-row: 1 / span 2;
background-color: $background-actus; background-color: $background-actus;
// height: fit-content; height: 40vh;
padding-right: 1rem; padding-right: 1rem;
.block-region-top{ .block-region-top{
// position: relative; // position: relative;
@@ -20,7 +20,7 @@
} }
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
grid-column: 2 /span 12; grid-column: 2 /span 9;
margin: 0; margin: 0;
.field--name-title{ .field--name-title{
font-family: "Source Code Pro"; font-family: "Source Code Pro";
@@ -43,7 +43,7 @@
padding-top: 2rem; padding-top: 2rem;
width: 600px; width: 600px;
// height: auto; // height: auto;
max-height: 400px; max-height: 360px;
object-fit: cover; object-fit: cover;
} }
@@ -8,6 +8,7 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem; padding-bottom: 3rem;
height: 30vh;
.block-region-top{ .block-region-top{
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
display: none; display: none;
@@ -10,6 +10,7 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem; padding-bottom: 3rem;
height: 30vh;
.block-region-top{ .block-region-top{
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
.field--name-title{ .field--name-title{
@@ -10,6 +10,7 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem; padding-bottom: 3rem;
height: 30vh;
.block-region-top{ .block-region-top{
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
display: none; display: none;
@@ -8,8 +8,9 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem; padding-bottom: 3rem;
height: 30vh;
.block-region-top{ .block-region-top{
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
.field--name-title{ .field--name-title{
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
@@ -8,6 +8,7 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem; padding-bottom: 3rem;
height: 30vh;
.block-region-top{ .block-region-top{
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
@@ -1,8 +1,7 @@
.layout__region--top{ //bandeau titre page static .layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
width: fit-content; width: fit-content;