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

size diapo actu

Browse Source
This commit is contained in:
ouidade
2023-10-24 15:05:11 +02:00
parent d5582dca2e
commit 0518b7e10f
3 changed files with 97 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+32 -36
View File
@@ -908,25 +908,12 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 {
grid-column: 1 / span 10;
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding-left: 13%;
padding-top: 1rem;
padding-bottom: 0.5rem;
vertical-align: middle; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 a {
color: white; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
padding-top: 2rem;
grid-column: 2; }
order: 5;
grid-column: 2;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
order: 3;
grid-column: 2 /span 7;
margin: 0; }
@media (max-width: 568px) {
@@ -936,18 +923,23 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
grid-column: 2 /span 9; } }
.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: "Marianne";
font-size: 2.5rem;
font-weight: 500; }
font-weight: 800;
line-height: 3rem; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-size: 1.9em; } }
font-size: 1.9em;
line-height: 2.3rem; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
order: 1;
padding-top: 2rem;
grid-column: 2 / span 3;
text-transform: uppercase;
color: #09398b;
font-size: 1.2rem;
font-weight: 800; }
font-weight: 800;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
display: flex;
flex-direction: row;
@@ -955,16 +947,19 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item {
padding-right: 2 rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu {
order: 2;
grid-column: 2 / span 4;
text-transform: uppercase;
color: #09398b;
font-size: 1.2rem;
font-weight: 800; }
font-weight: 800;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu {
display: flex;
flex-direction: row;
justify-content: flex-start; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
order: 4;
grid-column: 2 /span 7;
margin-top: 1rem;
font-weight: 800; }
@@ -975,19 +970,14 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
grid-column: 2 /span 9; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 5 / span 3; }
order: 6;
grid-column: 5 / span 3;
width: 600px; }
.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;
width: 100%;
max-height: 360px;
max-height: 400px;
object-fit: contain; }
@media (max-width: 1008px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100%; }
.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;
width: 100%;
object-fit: contain; } }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 3 /span 8; } }
@@ -1006,6 +996,8 @@ a {
display: inline-block; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dots > li:only-child {
display: none; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dotted.slick-slider {
margin-bottom: 0 !important; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
display: flex;
@@ -1098,6 +1090,10 @@ a {
flex: 0 1 80%;
margin: auto; } }
@media (max-width: 1005px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 100%; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
display: flex;
flex-direction: column;
@@ -1107,13 +1103,13 @@ a {
margin: auto; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
height: fit-content;
width: fit-content;
border: 2px solid #009ee3;
background-color: white;
margin-bottom: 1rem;
min-height: 4rem;
color: #009ee3;
padding-left: 1rem;
padding-top: 1rem; }
padding: 1rem; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
width: max-content;
@@ -1136,13 +1132,13 @@ a {
font-weight: 800; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
margin: auto;
width: fit-content;
height: fit-content;
border: 2px solid #009ee3;
min-height: 4rem;
background: white;
color: #009ee3;
padding-left: 1rem;
padding-top: 1rem;
padding: 1rem;
margin-bottom: 1rem; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
@@ -4519,7 +4515,7 @@ a {
color: #009ee3;
left: 25px; }
.slick-dots {
.path-frontpage .slick-dots {
bottom: -40px !important; }
/* Slider */
web/themes/custom/eql/scss/pages/_actualite.scss
+60 -69
View File
@@ -1,3 +1,5 @@
.path-node.page-node-type-actualite{
.layout-container{
overflow: unset;
@@ -7,53 +9,39 @@
}
.layout--threecol-25-50-25{
// display: grid;
// grid-template-rows: repeat(6, auto);
.layout__region--top{
// grid-row: 1 / span 2;
// background-color: $background-actus;
// height: 40vh;
background: linear-gradient(to bottom, $background-actus 60%, white 40%);
// padding-right: 1rem;
padding-bottom: 4rem;
.block-region-top{
// position: relative;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
// @media (max-width: 810px){
// display: flex;
// flex-direction: column;
// }
.block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
grid-column: 1 / span 10;
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
padding-left: 13%;
padding-top: 1rem;
padding-bottom: 0.5rem;
vertical-align: middle;
a{
color:white;
}
}
// .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
// grid-column: 1 / span 10;
// width: 100%;
// font-family: 'Marianne';
// font-size: 1.5rem;
// font-weight: 800;
// color: $white;
// background-color: $blue-light;
// text-transform: uppercase;
// padding-left: 13%;
// padding-top: 1rem;
// padding-bottom: 0.5rem;
// vertical-align: middle;
// a{
// color:white;
// }
// }
.block-entity-fieldnodefield-actu-type{
padding-top: 2rem;
order: 5;
grid-column: 2;
// @media (max-width: 810px){
// margin-left: 10%;
// }
margin-top: 1rem;
}
.block-entity-fieldnodetitle{
order: 3;
grid-column: 2 /span 7;
margin: 0;
@media (max-width: 568px){
@@ -63,55 +51,45 @@
grid-column: 2 /span 9;
}
.field--name-title{
font-family: "Source Code Pro";
font-family: "Marianne";
font-size: 2.5rem;
font-weight: 500;
font-weight: 800;
line-height: 3rem;
@media (max-width: 810px){
// width: 70%;
// margin-left: 10%;
// margin-right: 10%;
font-size: 1.9em;
}
line-height: 2.3rem;
}
}
}
.block-entity-fieldnodefield-date{
// grid-row: 4 ;
order: 1;
padding-top: 2rem;
grid-column: 2 / span 3;
text-transform: uppercase;
color: $blue-dark;
font-size: 1.2rem;
font-weight: 800;
margin-top: 1rem;
.field--name-field-date{
display: flex;
flex-direction: row;
justify-content: flex-start;
// .field__item:not(:last-child):after{
// padding-right: 1rem;
// padding-left: 1rem;
// content: "|";
// }
.field__item{
padding-right: 2 rem;
}
// @media (max-width: 810px){
// margin-left: 10%;
// font-size: 1rem;
// }
}
}
.block-entity-fieldnodefield-lieu{
// grid-row: 4 ;
order: 2;
grid-column: 2 / span 4;
text-transform: uppercase;
color: $blue-dark;
font-size: 1.2rem;
font-weight: 800;
margin-top: 1rem;
.field--name-field-lieu{
display: flex;
flex-direction: row;
@@ -129,6 +107,7 @@
}
.block-entity-fieldnodefield-sous-titre{
order: 4;
grid-column: 2 /span 7;
margin-top: 1rem;
font-weight: 800;
@@ -141,23 +120,27 @@
}
.block-entity-fieldnodefield-images{
grid-column: 5 / span 3;
order: 6;
grid-column: 5 / span 3;
width: 600px;
// background: red;
img{
padding-top: 2rem;
width: 100%;
max-height: 360px;
max-height: 400px;
object-fit: contain;
}
@media (max-width: 1008px){
width: 100%;
img{
padding-top: 2rem;
width: 100%;
object-fit: contain;
}
}
// @media (max-width: 1008px){
// // width: 100%;
// img{
// padding-top: 2rem;
// width: 100%;
// // max-height: 400px;
// object-fit: contain;
// }
// }
@media (max-width: 568px){
grid-column: 3 /span 8;
}
@@ -182,6 +165,10 @@
display: none;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
}
}
}
@@ -330,6 +317,9 @@
.layout__region--third{
// grid-row: 4;
// margin-top: 18rem;
@media (max-width: 1005px){
flex: 0 1 100%;
}
.block-region-third{
display: flex;
flex-direction: column;
@@ -340,14 +330,15 @@
.field--name-field-fichiers{
.field__item{
height: fit-content;
width: fit-content;
border: 2px solid $blue-light;
background-color: $white;
margin-bottom: 1rem;
min-height: 4rem;
// background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
padding: 1rem;
@media(max-width:810px){
width: max-content;
padding-right: 1rem;
@@ -381,13 +372,13 @@
.field--name-field-liens{
.field__item{
margin: auto;
width: fit-content;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
padding: 1rem;
margin-bottom: 1rem;
@media(max-width:810px){
width: max-content;
web/themes/custom/eql/scss/partials/_slick_custom.scss
+5 -3
View File
@@ -3,6 +3,8 @@
left: 25px;
}
.slick-dots {
bottom: -40px !important;
}
.path-frontpage{
.slick-dots {
bottom: -40px !important;
}
}