styled the ajut fund post type
This commit is contained in:
parent
c30c8edd26
commit
3ae1bd850c
|
@ -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
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
}
|
||||
|
|
41
style.css
41
style.css
|
@ -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
|
@ -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(); ?>
|
||||
|
|
Loading…
Reference in New Issue