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

@media actu

Browse Source
This commit is contained in:
ouidade
2023-07-13 14:03:22 +02:00
parent b5297afd72
commit c245b100ea
3 changed files with 26 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+11 -8
View File
@@ -896,6 +896,9 @@ a {
font-family: "Source Code Pro"; font-family: "Source Code Pro";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; } font-weight: 500; }
@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; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
grid-column: 2 / span 3; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
@@ -930,24 +933,24 @@ a {
grid-column: 2 /span 9; } } 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 { .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 9; } grid-column: 5 / span 9; }
@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 9; } }
@media (max-width: 499px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
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 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: 360px; max-height: 360px;
object-fit: cover; } object-fit: contain; }
@media (max-width: 1008px) { @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 { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100%; } width: 100%; }
.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: 100%; width: 100%;
object-fit: cover; } } 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; } }
@media (max-width: 499px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 2 /span 8; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {
margin-left: 0em; margin-left: 0em;
font-size: 0.8rem; } font-size: 0.8rem; }
web/themes/custom/eql/scripts/main.js
+1
View File
@@ -183,6 +183,7 @@ jQuery(function($) {
$('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({ $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
dots: true, dots: true,
arrows: false, arrows: false,
adaptiveHeight: true,
responsive: [ responsive: [
{ {
breakpoint: 800, breakpoint: 800,
web/themes/custom/eql/scss/pages/_actualite.scss
+14 -23
View File
@@ -66,12 +66,12 @@
font-family: "Source Code Pro"; font-family: "Source Code Pro";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; font-weight: 500;
// @media (max-width: 810px){ @media (max-width: 810px){
// width: 70%; // width: 70%;
// margin-left: 10%; // margin-left: 10%;
// margin-right: 10%; // margin-right: 10%;
// font-size: 1.9em; font-size: 1.9em;
// } }
} }
@@ -138,40 +138,31 @@
@media (max-width: 499px){ @media (max-width: 499px){
grid-column: 2 /span 9; grid-column: 2 /span 9;
} }
// @media (max-width: 810px){
// margin-left: 10%;
// }
} }
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
// grid-column-start: 5;
// grid-column-end: 9;
grid-column: 5 / span 9; grid-column: 5 / span 9;
@media (max-width: 568px){
grid-column: 3 /span 9;
}
@media (max-width: 499px){
grid-column: 2 /span 9;
}
img{ img{
padding-top: 2rem; padding-top: 2rem;
width: 600px; width: 600px;
// height: auto;
max-height: 360px; max-height: 360px;
object-fit: cover; object-fit: contain;
} }
// position: relative;
// bottom: -50%;
@media (max-width: 1008px){ @media (max-width: 1008px){
width: 100%; width: 100%;
img{ img{
padding-top: 2rem; padding-top: 2rem;
width: 100%; width: 100%;
object-fit: cover; object-fit: contain;
} }
} }
@media (max-width: 568px){
grid-column: 3 /span 8;
}
@media (max-width: 499px){
grid-column: 2 /span 8;
}
blockquote{ blockquote{
margin-left: 0em; margin-left: 0em;
font-size: 0.8rem; font-size: 0.8rem;