bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

twig class type ressource

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-04 15:04:26 +01:00
parent 045505a1c0
commit 8d8c87844b
7 changed files with 403 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -3816,4 +3816,113 @@ main {
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
#ressources {
background-color: #f6f7f3;
}
#ressources .layout-content .content_container {
display: flex;
flex-direction: column;
align-items: center;
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 3rem;
margin-left: 15%;
margin-bottom: 1rem;
width: 70%;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem;
}
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
width: fit-content;
margin: auto;
text-transform: none;
color: black;
font-size: 2rem;
font-family: "gilroy-medium";
}
#ressources .layout-content .content_container .views-element-container {
margin-left: 15%;
width: 70%;
}
#ressources .layout-content .content_container .views-element-container .view {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#ressources .layout-content .content_container .views-element-container .view h3 {
text-align: center;
flex: 0 0 100%;
}
#ressources .layout-content .content_container .views-element-container .view h3::before {
content: "";
display: block;
border-bottom: solid 2px rgb(7, 50, 194);
margin: auto;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_name h2 {
margin-bottom: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_name h2 a {
font-family: "gilroy-light";
color: rgb(7, 50, 194);
font-size: 1.2rem;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_description {
margin-left: 10%;
margin-right: 10%;
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_description p {
margin-top: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row {
width: 30%;
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row h2 {
font-family: "gilroy-semibold";
color: rgb(7, 50, 194);
font-size: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row p {
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div {
display: flex;
flex-direction: row;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div {
border: solid 1px rgb(7, 50, 194);
margin-right: 0.2rem;
padding: 1.3%;
padding-bottom: 0.2%;
padding-top: 0.2%;
font-size: 0.4rem;
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194);
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_site div a {
position: relative;
padding-left: 20px;
color: rgb(247, 0, 43);
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_site div a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1em;
height: 1em;
background-image: url("../img/map_pointer.svg");
background-size: contain;
background-repeat: no-repeat;
}