liens site

This commit is contained in:
ouidade 2024-09-26 23:26:58 +02:00
parent ebc164c1a4
commit 643ccb8adf
2 changed files with 86 additions and 32 deletions

View File

@ -2801,6 +2801,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
width: 100%;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
margin-bottom: 3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div {
margin-bottom: 0.5rem;
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
margin-top: 1rem;
@ -2810,36 +2816,56 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 500px) {
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
font-size: 0.8rem;
margin-left: 0;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a {
display: inline-flex;
align-items: center;
color: white;
padding: 0.5rem 0.3rem;
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 500px) {
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
margin-top: 0.5rem;
font-size: 0.8rem;
margin-left: 0;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
display: inline-flex;
align-items: center;
color: white;
padding: 0.5rem 0.3rem;
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 80%;

View File

@ -20,9 +20,13 @@
align-items: center;
.block-region-first{
width: 100%;
.views-element-container{
margin-bottom: 3rem;
}
}
div{
// width: fit-content;
margin-bottom: 0.5rem;
}
div:has(.field_field_documents){
@media(max-width: 500px){
@ -33,34 +37,58 @@
display: none;
}
.file--mime-application-pdf{
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
@media(max-width: 500px){
font-size: 0.8rem;
width: fit-content;
padding-left: 0.5rem;
background: black;
@media (max-width:810px) {
margin-left: 0;
}
a{
display: inline-flex;
align-items: center;
color: white;
padding: 0.5rem 0.3rem;
}
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
}
}
.field_field_liens_site div div{
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
width: fit-content;
@media(max-width: 500px){
margin-top: 0.5rem;
font-size: 0.8rem;
padding-left: 0.5rem;
background: black;
@media (max-width:810px) {
margin-left: 0;
}
a{
display: inline-flex;
align-items: center;
color: white;
padding: 0.5rem 0.3rem;
}
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
}
}
.layout__region--second{