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 13:35:34 +02:00
parent 654fd62898
commit 640dfe0f44
3 changed files with 73 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_actualite.scss
+42 -23
View File
@@ -23,10 +23,10 @@
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
// @media (max-width: 810px){
// display: flex;
// flex-direction: column;
// }
.block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
grid-column: 1 / span 10;
width: 100%;
@@ -48,24 +48,31 @@
.block-entity-fieldnodefield-actu-type{
padding-top: 2rem;
grid-column: 2;
@media (max-width: 810px){
margin-left: 10%;
}
// @media (max-width: 810px){
// margin-left: 10%;
// }
}
.block-entity-fieldnodetitle{
grid-column: 2 /span 7;
margin: 0;
@media (max-width: 568px){
grid-column: 2 /span 8;
}
@media (max-width: 499px){
grid-column: 2 /span 9;
}
.field--name-title{
font-family: "Source Code Pro";
font-size: 2.5rem;
font-weight: 500;
@media (max-width: 810px){
width: 70%;
margin-left: 10%;
margin-right: 10%;
font-size: 1.9em;
}
// @media (max-width: 810px){
// width: 70%;
// margin-left: 10%;
// margin-right: 10%;
// font-size: 1.9em;
// }
}
@@ -91,10 +98,10 @@
.field__item{
padding-right: 2 rem;
}
@media (max-width: 810px){
margin-left: 10%;
font-size: 1rem;
}
// @media (max-width: 810px){
// margin-left: 10%;
// font-size: 1rem;
// }
}
}
@@ -114,10 +121,10 @@
// padding-left: 1rem;
// content: "|";
// }
@media (max-width: 810px){
margin-left: 10%;
font-size: 1rem;
}
// @media (max-width: 810px){
// margin-left: 10%;
// font-size: 1rem;
// }
}
}
@@ -125,15 +132,27 @@
grid-column: 2 /span 7;
margin-top: 1rem;
font-weight: 800;
@media (max-width: 810px){
margin-left: 10%;
@media (max-width: 568px){
grid-column: 2 /span 8;
}
@media (max-width: 499px){
grid-column: 2 /span 9;
}
// @media (max-width: 810px){
// margin-left: 10%;
// }
}
.block-entity-fieldnodefield-images{
// grid-column-start: 5;
// grid-column-end: 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{
padding-top: 2rem;
width: 600px;