bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css sous-titre-actu dans home

Browse Source
This commit is contained in:
ouidade
2022-01-07 17:31:36 +01:00
parent f0864e50c5
commit aec0e278e0
2 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+16 -12
View File
@@ -635,19 +635,16 @@ a {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child {
display: flex;
flex-direction: column; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(1) {
order: 1; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(4) {
order: 2; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) {
order: 3; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img {
max-width: 95%;
max-height: 150px;
object-fit: cover;
width: 100%;
padding-bottom: 1rem; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images {
order: 1; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img {
max-width: 95%;
max-height: 150px;
object-fit: cover;
width: 100%;
padding-bottom: 1rem; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date {
order: 2;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end; }
@@ -659,6 +656,12 @@ a {
font-weight: 800;
padding-right: 1rem;
width: fit-content; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-title {
order: 3; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-sous-titre {
order: 4;
margin-top: 0.3rem;
font-weight: 800; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) {
width: 100%; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 {
@@ -674,6 +677,7 @@ a {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a {
display: none; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type {
order: 5;
padding-top: 1rem; }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-area: actus;
web/themes/custom/eql/scss/pages/_home.scss
+14 -3
View File
@@ -357,11 +357,12 @@
div:first-child{ // block actu dans le bandeau
display: flex;
flex-direction: column;
:nth-child(1) { order: 1; }
:nth-child(4) { order: 2; }
:nth-child(5) { order: 3; }
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
}
.field--name-field-images {
order: 1;
.field__item img{
max-width: 95%;
max-height: 150px;
@@ -372,6 +373,7 @@
}
.field--name-field-date{
order: 2;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
@@ -392,6 +394,14 @@
}
}
.field--name-title{
order:3;
}
.field--name-field-sous-titre{
order:4;
margin-top: 0.3rem;
font-weight: 800;
}
.field:not(.field--name-field-images){
width: 100%;
@@ -410,6 +420,7 @@
}
}
.field--name-field-actu-type{
order:5;
padding-top: 1rem;
}
}