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

responsive actu

Browse Source
This commit is contained in:
ouidade
2022-04-08 16:35:48 +02:00
parent e0b7661d2b
commit 40ed34871d
2 changed files with 38 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+18 -14
View File
@@ -724,6 +724,10 @@ 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; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: flex;
flex-direction: column; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344 {
grid-column: 1 / span 10;
width: 100%;
@@ -750,12 +754,12 @@ a {
font-family: "Source Code Pro";
font-size: 2.5rem;
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 {
width: 70%;
margin-left: 10%;
margin-right: 10%;
font-size: 1.7rem; } }
@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 {
width: 70%;
margin-left: 10%;
margin-right: 10%;
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 {
grid-column: 2 / span 3;
text-transform: uppercase;
@@ -770,10 +774,10 @@ a {
padding-right: 1rem;
padding-left: 1rem;
content: "|"; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
margin-left: 10%;
font-size: 1rem; } }
@media (max-width: 810px) {
.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 {
margin-left: 10%;
font-size: 1rem; } }
.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 7;
margin-top: 1rem;
@@ -798,10 +802,10 @@ a {
.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;
font-size: 0.8rem; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: flex;
flex-direction: column; } }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {
margin-left: 10%;
font-size: 0.7rem; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
display: flex;
web/themes/custom/eql/scss/pages/_actualite.scss
+20 -16
View File
@@ -23,7 +23,10 @@
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344{
grid-column: 1 / span 10;
width: 100%;
@@ -54,15 +57,15 @@
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.7rem;
@media (max-width: 810px){
width: 70%;
margin-left: 10%;
margin-right: 10%;
font-size: 1.9em;
}
}
}
.block-entity-fieldnodefield-date{
@@ -80,11 +83,12 @@
padding-left: 1rem;
content: "|";
}
@media (max-width: 810px){
margin-left: 10%;
font-size: 1rem;
}
}
@media (max-width: 810px){
margin-left: 10%;
font-size: 1rem;
}
}
.block-entity-fieldnodefield-sous-titre{
@@ -121,12 +125,12 @@
blockquote{
margin-left: 0em;
font-size: 0.8rem;
@media (max-width: 810px){
margin-left: 10%;
font-size: 0.7rem;
}
}
}
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
}
}
.layout__region--first{