xarxaprod
/
oficinasuport-wp-theme
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled the ajut fund post type

This commit is contained in:
jorge-vitrubio 2023-01-02 16:48:32 +01:00
parent c30c8edd26
commit 3ae1bd850c
7 changed files with 114 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
adminstyles.css
View File

@ -872,6 +872,23 @@ Add your custom styles in this file so it is easier to update the theme.
border-color: #222; 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="text"],
.edit-post-visual-editor__content-area input[type="email"], .edit-post-visual-editor__content-area input[type="email"],
.edit-post-visual-editor__content-area input[type="url"], .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 { .edit-post-visual-editor__content-area .ofisuport-fund-info-fields {
display: grid; 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; margin: 1rem 0;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields [class*="item-os_fund_"]::before { .edit-post-visual-editor__content-area .ofisuport-fund-info-fields p {
content: ""; margin: 0.5rem 0 0 0;
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 li { .edit-post-visual-editor__content-area .ofisuport-fund-info-fields li {
font-size: 1.3rem; 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-funder-name,
.edit-post-visual-editor__content-area .ofisuport-fund-contact-name, .edit-post-visual-editor__content-area .ofisuport-fund-contact-name,
.edit-post-visual-editor__content-area .ofisuport-fund-web { .edit-post-visual-editor__content-area .ofisuport-fund-web {

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

27
sass/base/elements/_buttons.scss
View File

@ -22,4 +22,29 @@ input[type="submit"],
border-color: $color__border-button-focus; 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;
}
}

31
sass/layouts/_no-sidebar.scss
View File

@ -68,34 +68,21 @@
} }
.ofisuport-fund-info-fields { .ofisuport-fund-info-fields {
display: grid; display: grid;
ul { .ofisuport-fund-info-field {
margin: 1rem 0; margin: 1rem 0;
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
[class*="item-os_fund_"] {
&::before { p {
content: ""; margin: 0.5rem 0 0 0;
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";
} }
li { li {
font-size: 1.3rem; font-size: 1.3rem;
} }
.button {
padding: 0.2rem 0.4rem;
}
} }
.oficina-suport-label { .oficina-suport-label {
} }

41
style.css
View File

@ -808,6 +808,23 @@ input[type="submit"]:focus,
border-color: #222; 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="text"],
input[type="email"], input[type="email"],
input[type="url"], input[type="url"],
@ -925,32 +942,20 @@ textarea {
.ofisuport-fund-info-fields { .ofisuport-fund-info-fields {
display: grid; display: grid;
} }
.ofisuport-fund-info-fields ul { .ofisuport-fund-info-fields .ofisuport-fund-info-field {
margin: 1rem 0; margin: 1rem 0;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.ofisuport-fund-info-fields [class*="item-os_fund_"]::before { .ofisuport-fund-info-fields p {
content: ""; margin: 0.5rem 0 0 0;
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 li { .ofisuport-fund-info-fields li {
font-size: 1.3rem; font-size: 1.3rem;
} }
.ofisuport-fund-info-fields .button {
padding: 0.2rem 0.4rem;
}
.ofisuport-funder-name, .ofisuport-funder-name,
.ofisuport-fund-contact-name, .ofisuport-fund-contact-name,
.ofisuport-fund-web { .ofisuport-fund-web {

2
style.css.map
View File

File diff suppressed because one or more lines are too long

41
template-parts/content-ofisuport-ajut.php
View File

@ -58,16 +58,37 @@
); );
?> ?>
</div><!-- .entry-content --> </div><!-- .entry-content -->
<section class="ofisuport-fund-info-fields"> <section class="ofisuport-fund-info-fields">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?> <div class="ofisuport-fund-info-field">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?> <h6>Dirigit a</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_field') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?> </div>
<ul class="oficina-suport-label item-os_fund_dates"> <div class="ofisuport-fund-info-field">
<li> <?php the_field('os_fund_apply_begin'); ?> </li> <h6>Tipus d'ajuda</h6>
<li> <?php the_field('os_fund_apply_end'); ?> </li> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?>
</ul> </div>
<?php endif; ?> <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> </section>
<footer class="entry-footer"> <footer class="entry-footer">
<?php ofisuport_entry_footer(); ?> <?php ofisuport_entry_footer(); ?>