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;
}
.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-espais-map {
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;
}
.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;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
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 .xarxaprod-associat-info .xarxaprod-associat-services 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-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;
font-size: 1rem;
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;
}
.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 .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 .xarxaprod-associat-info .xarxaprod-associat-services p {
.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-info .xarxaprod-associat-contact p,
.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-info .xarxaprod-associat-services p {
font-size: 1rem;
margin: 0;
padding: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr;
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
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;
grid-template-columns: auto;
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 .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 h6,
.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-location .xarxaprod-associat-osm-link a {
margin: 0.5em;
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;
}
.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;
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;
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 {
margin-top: 4em;
}
}
.xarxaprod-associat-info {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
@ -219,6 +220,9 @@
gap: $grid__gap * 2;
.xarxaprod-associat-contact,
.xarxaprod-associat-services {
dt {
height: $font__size-body*1.5;
}
li {
display: grid;
font-size: $font__size-body*1;
@ -234,11 +238,15 @@
}
}
.xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr;
grid-template-columns: 1fr 2.5fr;
}
.xarxaprod-associat-services li {
}
.xarxaprod-associat-logo {
max-height: 11rem;
img {
object-fit: contain;
}
}
}
.xarxaprod-associat-convos {
@ -256,8 +264,6 @@
}
}
}
}
}
/*
* used in
@ -266,6 +272,7 @@
*
* */
.xarxaprod-associat {
}
.xarxaprod-associat-contact {
font-size: $font__size-body*0.9;
h6 {
@ -277,7 +284,6 @@
grid-template-columns: 1fr 2fr;
}
}
}
/*
* categories:
*

View File

@ -1088,6 +1088,12 @@ figure {
margin: 1em 0;
}
#junta-directiva img,
img.fotocopia {
filter: grayscale(1) contrast(1) brightness(1);
mix-blend-mode: multiply;
}
.xarxaprod-associats-map,
.xarxaprod-espais-map {
aspect-ratio: 4 / 3;
@ -2064,15 +2070,20 @@ textarea {
margin-top: 4em;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
.single-xarxaprod-associat .xarxaprod-associat-info {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: 2rem;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact dt,
.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;
font-size: 1rem;
border: none;
@ -2081,28 +2092,36 @@ textarea {
padding: 0.5em 0;
}
.single-xarxaprod-associat .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 .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-contact h6,
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1rem;
margin: 0;
padding: 0;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
grid-template-columns: 1fr 2fr;
.single-xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li {
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;
grid-template-columns: auto;
align-items: center;
}
.single-xarxaprod-associat .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 .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
.single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link h6,
.single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.single-xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em;
font-size: 1rem;
}
@ -2113,16 +2132,16 @@ textarea {
* page-templates/associats-search.php
*
* */
.xarxaprod-associat .xarxaprod-associat-contact {
.xarxaprod-associat-contact {
font-size: 0.9rem;
}
.xarxaprod-associat .xarxaprod-associat-contact h6 {
.xarxaprod-associat-contact h6 {
font-size: 0.9rem;
border: none;
}
.xarxaprod-associat .xarxaprod-associat-contact li {
.xarxaprod-associat-contact li {
display: grid;
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 -->
<section class="xarxaprod-associat-info">
<section class="xarxaprod-associat-contact">
<dt>&nbsp;</dt>
<ul class="xarxaprod-associat-contact-fields">
<?php if( get_field('xxp_associat_address') ): ?>
<li class="xarxaprod-associat-address">
<h6>adreça / direccion:</h6>
<h6>Adreça:</h6>
<p><?php the_field('xxp_associat_address'); ?></p>
</li>
<?php endif; ?>
<?php if( get_field('xxp_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>
</li>
<?php endif; ?>
<?php if( get_field('xxp_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>
</li>
<?php endif; ?>
<?php if( get_field('xxp_associat_tel') ): ?>
<li class="xarxaprod-associat-tel">
<h6>tel:</h6>
<h6>Telèfon:</h6>
<p><?php the_field('xxp_associat_tel'); ?></p>
</li>
<?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>
</section>