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

css ressource

Browse Source
This commit is contained in:
ouidade
2024-10-11 15:56:42 +02:00
parent 376f9e955d
commit 50343fc83b
2 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+24 -22
View File
@@ -2149,8 +2149,8 @@ a {
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: fit-content; width: fit-content;
margin: auto;
padding-right: 2rem; padding-right: 2rem;
padding-left: 30%;
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1100px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
@@ -2159,6 +2159,11 @@ a {
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
} }
} }
@media (max-width: 1100px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
padding-left: 13%;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2170,7 +2175,7 @@ a {
width: 100%; width: 100%;
margin-left: 13%; margin-left: 13%;
} }
@media (max-width: 810px) { @media (max-width: 1099px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2179,8 +2184,8 @@ a {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
margin-left: 9%; width: auto;
margin-right: 9%; margin-right: 15%;
} }
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1100px) {
@@ -2193,7 +2198,7 @@ a {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
width: auto; width: auto;
margin-left: 0; margin-left: 5%;
margin-right: 15%; margin-right: 15%;
grid-column: 2/3; grid-column: 2/3;
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
@@ -2210,6 +2215,19 @@ a {
margin: 0; margin: 0;
} }
} }
@media (max-width: 810px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
margin-left: 9%;
margin-right: 9%;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 { .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 {
width: 100%; width: 100%;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
@@ -2225,31 +2243,20 @@ a {
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
margin-top: 2rem; margin-top: 2rem;
margin-left: 13%;
color: rgb(0, 158, 227); color: rgb(0, 158, 227);
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
margin-left: 13%;
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
margin-left: 13%;
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p {
margin-bottom: 0; margin-bottom: 0;
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition {
margin-left: 13%;
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
margin-bottom: 0; margin-bottom: 0;
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
margin-left: 13%;
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 800; font-weight: 800;
@@ -2257,12 +2264,6 @@ a {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
margin: 0; margin: 0;
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
margin-left: 13%;
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
margin-left: 13%;
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
display: inline-flex; display: inline-flex;
margin-top: 2rem; margin-top: 2rem;
@@ -2359,6 +2360,7 @@ a {
.page-node-type-ressource .layout__region--second { .page-node-type-ressource .layout__region--second {
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; margin: auto;
margin-top: 2rem;
} }
} }
.page-node-type-ressource .layout__region--third { .page-node-type-ressource .layout__region--third {
web/themes/custom/eql/scss/pages/_ressource.scss
+22 -12
View File
@@ -22,15 +22,20 @@
// } // }
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
width: fit-content; width: fit-content;
margin: auto; // margin: auto;
padding-right: 2rem; padding-right: 2rem;
padding-left: 30%;
@media screen and (min-width:1100px) { @media screen and (min-width:1100px) {
// grid-column: 2/span 4; // grid-column: 2/span 4;
// grid-row: 1 /span 5; // grid-row: 1 /span 5;
grid-column: 1 / 2; grid-column: 1 / 2;
grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */ grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
} }
@media (max-width: 1100px) {
padding-left: 13%;
}
} }
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
@@ -43,13 +48,13 @@
.block-entity-fieldnodefield-mots-clefs { .block-entity-fieldnodefield-mots-clefs {
width: 100%; width: 100%;
margin-left: 13%; margin-left: 13%;
@media (max-width: 810px) { @media (max-width: 1099px) {
margin-left: 9%; width: auto;
margin-right: 9%; margin-right: 15%;
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1100px) {
width: auto; width: auto;
margin-left: 0; margin-left: 5%;
margin-right: 15%; margin-right: 15%;
grid-column: 2 / 3; grid-column: 2 / 3;
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
@@ -57,6 +62,10 @@
p{margin: 0;} p{margin: 0;}
} }
@media (max-width: 810px) {
margin-left: 9%;
margin-right: 9%;
}
} }
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{ .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
@@ -81,7 +90,7 @@
.block-entity-fieldnodefield-type-de-ressource{ .block-entity-fieldnodefield-type-de-ressource{
margin-top: 2rem; margin-top: 2rem;
margin-left: 13%; // margin-left: 13%;
color: $blue-light; color: $blue-light;
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
@@ -98,7 +107,7 @@
} }
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
margin-left: 13%; // margin-left: 13%;
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
// @media (max-width: 810px){ // @media (max-width: 810px){
@@ -114,7 +123,7 @@
} }
.block-entity-fieldnodefield-sous-titre{ .block-entity-fieldnodefield-sous-titre{
margin-left: 13%; // margin-left: 13%;
.field--name-field-edition{ .field--name-field-edition{
p{ p{
margin-bottom: 0; margin-bottom: 0;
@@ -132,7 +141,7 @@
// } // }
} }
.block-entity-fieldnodefield-edition{ .block-entity-fieldnodefield-edition{
margin-left: 13%; // margin-left: 13%;
.field--name-field-edition{ .field--name-field-edition{
p{ p{
margin-bottom: 0; margin-bottom: 0;
@@ -151,7 +160,7 @@
} }
.block-entity-fieldnodefield-auteur-s-{ .block-entity-fieldnodefield-auteur-s-{
margin-left: 13%; // margin-left: 13%;
.field--name-field-auteur-s-{ .field--name-field-auteur-s-{
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 800; font-weight: 800;
@@ -172,7 +181,7 @@
} }
.block-entity-fieldnodefield-date-de-parution{ .block-entity-fieldnodefield-date-de-parution{
margin-left: 13%; // margin-left: 13%;
// @media (max-width: 810px){ // @media (max-width: 810px){
// margin-left:9%; // margin-left:9%;
// margin-right: 9%; // margin-right: 9%;
@@ -185,7 +194,7 @@
// } // }
} }
.block-entity-fieldnodefield-mots-clefs{ .block-entity-fieldnodefield-mots-clefs{
margin-left: 13%; // margin-left: 13%;
.field--name-field-mots-clefs{ .field--name-field-mots-clefs{
display: inline-flex; display: inline-flex;
margin-top: 2rem; margin-top: 2rem;
@@ -301,6 +310,7 @@
@media (max-width: 810px){ @media (max-width: 810px){
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; margin: auto;
margin-top: 2rem;
} }
} }