styled the ajut fund post type

This commit is contained in:
jorge 2023-01-02 16:48:32 +01:00
parent c30c8edd26
commit 3ae1bd850c
7 changed files with 114 additions and 71 deletions

View File

@ -872,6 +872,23 @@ Add your custom styles in this file so it is easier to update the theme.
border-color: #222;
}
.edit-post-visual-editor__content-area .button-more::after {
content: "+";
display: inline-block;
width: 1.5rem;
height: 2rem;
padding: 0 0.5rem;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.5rem;
}
.edit-post-visual-editor__content-area .button-more:hover::after {
content: ">";
padding-left: 0.2rem;
font-size: 1.2rem;
line-height: 1.5;
}
.edit-post-visual-editor__content-area input[type="text"],
.edit-post-visual-editor__content-area input[type="email"],
.edit-post-visual-editor__content-area input[type="url"],
@ -986,32 +1003,20 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields {
display: grid;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields ul {
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .ofisuport-fund-info-field {
margin: 1rem 0;
border-bottom: 1px solid #000;
padding-bottom: 1rem;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields [class*="item-os_fund_"]::before {
content: "";
display: block;
font-size: 2rem;
text-transform: uppercase;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .item-os_fund_target::before {
content: "dirigit a";
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .item-os_fund_source::before {
content: "tipus d'ajuda";
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .item-os_fund_field::before {
content: "sectors";
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .item-os_fund_dates::before {
content: "termini";
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields p {
margin: 0.5rem 0 0 0;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields li {
font-size: 1.3rem;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields .button {
padding: 0.2rem 0.4rem;
}
.edit-post-visual-editor__content-area .ofisuport-funder-name,
.edit-post-visual-editor__content-area .ofisuport-fund-contact-name,
.edit-post-visual-editor__content-area .ofisuport-fund-web {

File diff suppressed because one or more lines are too long

View File

@ -22,4 +22,29 @@ input[type="submit"],
border-color: $color__border-button-focus;
}
}
.button-more {
//&::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
//}
&::after {
content: "+";
display: inline-block;
width: 1.5rem;
height: 2rem;
padding: 0 0.5rem;
font-family: $font__black;
font-size: 1.5rem;
}
&:hover::after {
content: ">";
padding-left: 0.2rem;
font-size: 1.2rem;
line-height: 1.5;
}
}

View File

@ -68,34 +68,21 @@
}
.ofisuport-fund-info-fields {
display: grid;
ul {
margin: 1rem 0;
.ofisuport-fund-info-field {
margin: 1rem 0;
border-bottom: 1px solid $color__black;
padding-bottom: 1rem;
}
[class*="item-os_fund_"] {
&::before {
content: "";
display: block;
font-size: 2rem;
text-transform: uppercase;
}
}
.item-os_fund_target::before {
content: "dirigit a";
}
.item-os_fund_source::before {
content: "tipus d'ajuda";
}
.item-os_fund_field::before {
content: "sectors";
}
.item-os_fund_dates::before {
content: "termini";
}
p {
margin: 0.5rem 0 0 0;
}
li {
font-size: 1.3rem;
}
.button {
padding: 0.2rem 0.4rem;
}
}
.oficina-suport-label {
}

View File

@ -808,6 +808,23 @@ input[type="submit"]:focus,
border-color: #222;
}
.button-more::after {
content: "+";
display: inline-block;
width: 1.5rem;
height: 2rem;
padding: 0 0.5rem;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.5rem;
}
.button-more:hover::after {
content: ">";
padding-left: 0.2rem;
font-size: 1.2rem;
line-height: 1.5;
}
input[type="text"],
input[type="email"],
input[type="url"],
@ -925,32 +942,20 @@ textarea {
.ofisuport-fund-info-fields {
display: grid;
}
.ofisuport-fund-info-fields ul {
.ofisuport-fund-info-fields .ofisuport-fund-info-field {
margin: 1rem 0;
border-bottom: 1px solid #000;
padding-bottom: 1rem;
}
.ofisuport-fund-info-fields [class*="item-os_fund_"]::before {
content: "";
display: block;
font-size: 2rem;
text-transform: uppercase;
}
.ofisuport-fund-info-fields .item-os_fund_target::before {
content: "dirigit a";
}
.ofisuport-fund-info-fields .item-os_fund_source::before {
content: "tipus d'ajuda";
}
.ofisuport-fund-info-fields .item-os_fund_field::before {
content: "sectors";
}
.ofisuport-fund-info-fields .item-os_fund_dates::before {
content: "termini";
.ofisuport-fund-info-fields p {
margin: 0.5rem 0 0 0;
}
.ofisuport-fund-info-fields li {
font-size: 1.3rem;
}
.ofisuport-fund-info-fields .button {
padding: 0.2rem 0.4rem;
}
.ofisuport-funder-name,
.ofisuport-fund-contact-name,
.ofisuport-fund-web {

File diff suppressed because one or more lines are too long

View File

@ -58,16 +58,37 @@
);
?>
</div><!-- .entry-content -->
<section class="ofisuport-fund-info-fields">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_field') ); ?>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?>
<ul class="oficina-suport-label item-os_fund_dates">
<li> <?php the_field('os_fund_apply_begin'); ?> </li>
<li> <?php the_field('os_fund_apply_end'); ?> </li>
</ul>
<?php endif; ?>
<section class="ofisuport-fund-info-fields">
<div class="ofisuport-fund-info-field">
<h6>Dirigit a</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?>
</div>
<div class="ofisuport-fund-info-field">
<h6>Tipus d'ajuda</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?>
</div>
<div class="ofisuport-fund-info-field">
<h6>Sectors</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_field') ); ?>
</div>
<div class="ofisuport-fund-info-field">
<h6>Termini</h6>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?>
<ul class="oficina-suport-label item-os_fund_dates">
<li> <?php the_field('os_fund_apply_begin'); ?> </li>
<li> <?php the_field('os_fund_apply_end'); ?> </li>
</ul>
<?php endif; ?>
</div>
<div class="ofisuport-fund-info-field">
<h6>+ Informació</h6>
<p><a href="<?php the_field('os_fund_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p>
</div>
<div class="ofisuport-fund-info-field">
<h6> Necessites assesorament?</h6>
<p><a href="<?php echo esc_url( home_url( '/consultoria/' ) ); ?>" class="button button-more button-ourservices">Oferim serveis de consultoria</a></p>
</div>
</section>
<footer class="entry-footer">
<?php ofisuport_entry_footer(); ?>