stiling associats members

This commit is contained in:
jorge 2024-03-31 19:45:28 +02:00
parent 7d2c29b858
commit 44c69e7ea9
7 changed files with 141 additions and 89 deletions

View File

@ -1231,6 +1231,12 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 1em 0; margin: 1em 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper #junta-directiva img,
.edit-post-visual-editor__content-area .editor-styles-wrapper img.fotocopia {
filter: grayscale(1) contrast(1) brightness(1);
mix-blend-mode: multiply;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map {
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
@ -2230,15 +2236,20 @@ Add your custom styles in this file so it is easier to update the theme.
margin-top: 4em; margin-top: 4em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 2rem; gap: 2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact dt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services dt {
height: 1.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid; display: grid;
font-size: 1rem; font-size: 1rem;
border: none; border: none;
@ -2247,42 +2258,50 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0.5em 0; padding: 0.5em 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2.5fr;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-logo {
max-height: 11rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-logo img {
object-fit: contain;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
align-items: center; align-items: center;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p, .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em; margin: 0.5em;
font-size: 1rem; font-size: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact {
font-size: 0.9rem; font-size: 0.9rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact h6 {
font-size: 0.9rem; font-size: 0.9rem;
border: none; border: none;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact li { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact li {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -212,6 +212,7 @@
> section { > section {
margin-top: 4em; margin-top: 4em;
} }
}
.xarxaprod-associat-info { .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
@ -219,6 +220,9 @@
gap: $grid__gap * 2; gap: $grid__gap * 2;
.xarxaprod-associat-contact, .xarxaprod-associat-contact,
.xarxaprod-associat-services { .xarxaprod-associat-services {
dt {
height: $font__size-body*1.5;
}
li { li {
display: grid; display: grid;
font-size: $font__size-body*1; font-size: $font__size-body*1;
@ -234,11 +238,15 @@
} }
} }
.xarxaprod-associat-contact li { .xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2.5fr;
} }
.xarxaprod-associat-services li { .xarxaprod-associat-services li {
} }
.xarxaprod-associat-logo { .xarxaprod-associat-logo {
max-height: 11rem;
img {
object-fit: contain;
}
} }
} }
.xarxaprod-associat-convos { .xarxaprod-associat-convos {
@ -256,8 +264,6 @@
} }
} }
} }
}
} }
/* /*
* used in * used in
@ -266,6 +272,7 @@
* *
* */ * */
.xarxaprod-associat { .xarxaprod-associat {
}
.xarxaprod-associat-contact { .xarxaprod-associat-contact {
font-size: $font__size-body*0.9; font-size: $font__size-body*0.9;
h6 { h6 {
@ -277,7 +284,6 @@
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
} }
}
/* /*
* categories: * categories:
* *

View File

@ -1088,6 +1088,12 @@ figure {
margin: 1em 0; margin: 1em 0;
} }
#junta-directiva img,
img.fotocopia {
filter: grayscale(1) contrast(1) brightness(1);
mix-blend-mode: multiply;
}
.xarxaprod-associats-map, .xarxaprod-associats-map,
.xarxaprod-espais-map { .xarxaprod-espais-map {
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
@ -2064,15 +2070,20 @@ textarea {
margin-top: 4em; margin-top: 4em;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .single-xarxaprod-associat .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 2rem; gap: 2rem;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li, .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact dt,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li { .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services dt {
height: 1.5rem;
}
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid; display: grid;
font-size: 1rem; font-size: 1rem;
border: none; border: none;
@ -2081,28 +2092,36 @@ textarea {
padding: 0.5em 0; padding: 0.5em 0;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact h6, .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact h6,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p, .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6, .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p { .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li { .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2.5fr;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link { .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-logo {
max-height: 11rem;
}
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-logo img {
object-fit: contain;
}
.single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
align-items: center; align-items: center;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link h6, .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link h6,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p, .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a { .single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em; margin: 0.5em;
font-size: 1rem; font-size: 1rem;
} }
@ -2113,16 +2132,16 @@ textarea {
* page-templates/associats-search.php * page-templates/associats-search.php
* *
* */ * */
.xarxaprod-associat .xarxaprod-associat-contact { .xarxaprod-associat-contact {
font-size: 0.9rem; font-size: 0.9rem;
} }
.xarxaprod-associat .xarxaprod-associat-contact h6 { .xarxaprod-associat-contact h6 {
font-size: 0.9rem; font-size: 0.9rem;
border: none; border: none;
} }
.xarxaprod-associat .xarxaprod-associat-contact li { .xarxaprod-associat-contact li {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }

File diff suppressed because one or more lines are too long

View File

@ -43,34 +43,42 @@
</main><!-- .entry-content --> </main><!-- .entry-content -->
<section class="xarxaprod-associat-info"> <section class="xarxaprod-associat-info">
<section class="xarxaprod-associat-contact"> <section class="xarxaprod-associat-contact">
<dt>&nbsp;</dt>
<ul class="xarxaprod-associat-contact-fields"> <ul class="xarxaprod-associat-contact-fields">
<?php if( get_field('xxp_associat_address') ): ?> <?php if( get_field('xxp_associat_address') ): ?>
<li class="xarxaprod-associat-address"> <li class="xarxaprod-associat-address">
<h6>adreça / direccion:</h6> <h6>Adreça:</h6>
<p><?php the_field('xxp_associat_address'); ?></p> <p><?php the_field('xxp_associat_address'); ?></p>
</li> </li>
<?php endif; ?> <?php endif; ?>
<?php if( get_field('xxp_associat_mail') ): ?> <?php if( get_field('xxp_associat_mail') ): ?>
<li class="xarxaprod-associat-mail"> <li class="xarxaprod-associat-mail">
<h6>mail:</h6> <h6>Eail:</h6>
<p><a href="mailto:<?php the_field('xxp_associat_mail'); ?>"><?php the_field('xxp_associat_mail'); ?></a></p> <p><a href="mailto:<?php the_field('xxp_associat_mail'); ?>"><?php the_field('xxp_associat_mail'); ?></a></p>
</li> </li>
<?php endif; ?> <?php endif; ?>
<?php if( get_field('xxp_associat_web') ): ?> <?php if( get_field('xxp_associat_web') ): ?>
<li class="xarxaprod-associat-web"> <li class="xarxaprod-associat-web">
<h6>web:</h6> <h6>Web:</h6>
<p><a href="<?php the_field('xxp_associat_web'); ?>" class=""><?php the_field('xxp_associat_web') ;?></a></p> <p><a href="<?php the_field('xxp_associat_web'); ?>" class=""><?php the_field('xxp_associat_web') ;?></a></p>
</li> </li>
<?php endif; ?> <?php endif; ?>
<?php if( get_field('xxp_associat_tel') ): ?> <?php if( get_field('xxp_associat_tel') ): ?>
<li class="xarxaprod-associat-tel"> <li class="xarxaprod-associat-tel">
<h6>tel:</h6> <h6>Telèfon:</h6>
<p><?php the_field('xxp_associat_tel'); ?></p> <p><?php the_field('xxp_associat_tel'); ?></p>
</li> </li>
<?php endif; ?> <?php endif; ?>
<?php if( get_field('xxp_associat_xarxes') ): ?>
<li class="xarxaprod-associat-tel">
<h6>Xarxes socials:</h6>
<p><?php the_field('xxp_associat_xarxes'); ?></p>
</li>
<?php endif; ?>
</ul> </ul>
</section> </section>