font mobile ressources

This commit is contained in:
2025-04-07 21:54:26 +02:00
parent 9f69453289
commit 7779e1306e
3 changed files with 98 additions and 7 deletions

View File

@@ -965,6 +965,16 @@ footer {
font-family: "gilroy-regular";
}
.ss-search,
.ss-option,
.ss-list {
font-size: 0.7rem;
}
.js-form-item-field-tous-les-sites-value {
display: none !important;
}
#logo-animated-container {
width: 60%;
margin-left: 20%;
@@ -4215,6 +4225,7 @@ main {
color: white;
}
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
display: none;
margin-bottom: 0;
}
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name {
@@ -4237,6 +4248,11 @@ main {
font-size: 0.5rem;
margin-bottom: 1rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
font-family: "gilroy-medium";
@@ -4244,12 +4260,23 @@ main {
font-size: 0.6rem;
margin-bottom: 0;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
font-size: 1rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 {
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
font-size: 0.5rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
margin-top: 0.5rem;
display: flex;
@@ -4263,6 +4290,11 @@ main {
font-family: "gilroy-semibold";
color: rgb(7, 50, 194);
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
margin-top: 0.5rem;
}
@@ -4309,7 +4341,8 @@ main {
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
width: 100%;
grid-template-columns: 1fr 2fr;
display: flex;
flex-direction: column;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
@@ -4318,6 +4351,12 @@ main {
grid-row: 1/span 5;
padding: 0 1rem 1rem 1rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video {
padding: 0 0 1rem 0;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
width: 100%;
@@ -4325,6 +4364,13 @@ main {
aspect-ratio: 1/1;
border-radius: 9px;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
width: auto;
height: 100%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images img,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video img {
width: 100%;
@@ -4347,6 +4393,9 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
grid-column: 2;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row {
width: 43%;
margin: 1rem;
@@ -4369,7 +4418,11 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-title-1 {
margin-top: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-field-liens {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication {
display: none;
width: 100%;
background-color: rgb(7, 50, 194);
}