diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 27f6ecd..44fae24 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -4071,7 +4071,7 @@ body { width: 80%; font-family: "gilroy-light"; text-transform: uppercase; - font-size: 0.7rem; + font-size: 0.6rem; margin-bottom: 1rem; margin-top: 1rem; border-bottom: solid black 1px; @@ -4083,6 +4083,10 @@ body { } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet { position: relative; + transition: transform 0.4s ease-in-out; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:hover { + transform: scale(1.05); /* effet de zoom léger */ } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:has(.laureat:not(:empty)) { padding-top: 1.5rem; @@ -4104,7 +4108,7 @@ body { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .node-projet-title { width: 80%; padding-left: 0.5rem; - font-size: 0.5rem; + font-size: 0.6rem; margin: 0; background-color: #f6f7f3; font-family: "gilroy-regular"; @@ -4114,6 +4118,7 @@ body { padding-left: 0.5rem; font-size: 0.5rem; background-color: #f6f7f3; + text-transform: uppercase; } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div { border-bottom: solid black 1px; @@ -4126,6 +4131,7 @@ body { margin-top: 0.2rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div.more-link { + display: none; margin-bottom: 1rem; padding-left: 0rem; } @@ -4141,6 +4147,7 @@ body { font-size: 0px; } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext { + display: none; flex-direction: row; margin-bottom: 0rem; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index 841c17a..11bc632 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -416,7 +416,7 @@ width: 80%; font-family: "gilroy-light"; text-transform: uppercase; - font-size: 0.7rem; + font-size: 0.6rem; margin-bottom: 1rem; margin-top: 1rem; border-bottom: solid black 1px; @@ -430,6 +430,10 @@ } .node-type-projet { position: relative; + transition: transform 0.4s ease-in-out; // animation plus fluide + &:hover { + transform: scale(1.05); /* effet de zoom léger */ + } &:has(.laureat:not(:empty)){ padding-top: 1.5rem; } @@ -452,7 +456,7 @@ .node-projet-title{ width: 80%; padding-left: 0.5rem; - font-size: 0.5rem; + font-size: 0.6rem; margin: 0; background-color: #f6f7f3; font-family: "gilroy-regular"; @@ -462,6 +466,7 @@ padding-left: 0.5rem; font-size: 0.5rem; background-color: #f6f7f3; + text-transform: uppercase; div{ border-bottom: solid black 1px; margin-bottom: 0.5rem; @@ -473,6 +478,7 @@ margin-top: 0.2rem; } div.more-link{ + display: none; margin-bottom: 1rem; padding-left: 0rem; a{ @@ -497,6 +503,7 @@ } .prevnext{ + display: none; flex-direction: row; margin-bottom: 0rem; .prev-site{