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

Compare commits

base: xarxaprod:383abc9f2da5163535f65629d3a65501ff0ce25a
Branches Tags
xarxaprod:main
xarxaprod:dev
xarxaprod:dev-searchterms
xarxaprod:filter-ajuts
xarxaprod:underscores
xarxaprod:underscorestw
...
compare: xarxaprod:2270a615e122126a8c79063e84ad6d94b602fa3e
Branches Tags
xarxaprod:dev
xarxaprod:dev-searchterms
xarxaprod:main
xarxaprod:filter-ajuts
xarxaprod:underscores
xarxaprod:underscorestw

4 Commits
383abc9f2d ... 2270a615e1

Author SHA1 Message Date
jorge 2270a615e1 styled + button below faqs and funds 2023-01-30 13:04:04 +01:00
jorge 27af0b9a22 styled the free text on dates 2023-01-30 11:51:46 +01:00
jorge 6aff85827e added mail, tel and free text on dates 2023-01-30 11:50:59 +01:00
jorge a7185931e1 added hiding class 2023-01-30 11:49:44 +01:00
11 changed files with 371 additions and 208 deletions
Show Stats Expand all files Collapse all files

124
adminstyles.css
View File

@ -465,6 +465,24 @@ Add your custom styles in this file so it is easier to update the theme.
line-height: 1.3;
}
.edit-post-visual-editor__content-area .hide {
display: inline-block;
margin: 0;
padding: 0;
min-width: unset;
max-width: unset;
width: 0px;
min-height: unset;
max-height: unset;
height: 0px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
border: 0;
background-color: transparent;
background: none;
}
@media screen {
.edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2,
@ -769,6 +787,25 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 1.2rem;
}
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text {
display: inline-block;
margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
text-transform: uppercase;
}
.edit-post-visual-editor__content-area .single-ofisuport-ajut article:not(.type-post) .ofisuport-label li {
font-size: 1.1rem;
}
.edit-post-visual-editor__content-area .single-ofisuport-ajut article:not(.type-post) .item-os_fund_apply_text {
font-size: 1.1rem;
}
.edit-post-visual-editor__content-area embed,
.edit-post-visual-editor__content-area iframe,
.edit-post-visual-editor__content-area object {
@ -820,58 +857,6 @@ Add your custom styles in this file so it is easier to update the theme.
text-decoration: none;
}
.edit-post-visual-editor__content-area .home-featured .category-faq, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut, .edit-post-visual-editor__content-area .archive-posts .category-faq, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut .entry-title a::after {
content: "+";
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut .entry-title a:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::before, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 0;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after {
content: "+";
width: 8rem;
height: 2rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after {
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
.edit-post-visual-editor__content-area button,
.edit-post-visual-editor__content-area input[type="button"],
.edit-post-visual-editor__content-area input[type="reset"],
@ -928,6 +913,37 @@ Add your custom styles in this file so it is easier to update the theme.
line-height: 1.5;
}
.edit-post-visual-editor__content-area .home-featured .more-link, .edit-post-visual-editor__content-area .archive-posts .more-link {
position: relative;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more {
border: none;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more::after, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid #000;
font-size: 4rem;
line-height: inherit;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more:hover::after, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
.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"],
@ -1438,6 +1454,10 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0.5rem 0;
margin: 0;
}
.edit-post-visual-editor__content-area .ofisuport-card-each .more-link {
display: inline-blocK;
margin-top: 2rem;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields,
.edit-post-visual-editor__content-area .ofisuport-fund-info-contact-fields {
display: grid;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

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

@ -39,3 +39,63 @@ input[type="submit"],
line-height: 1.5;
}
}
.home-featured,.archive-posts {
.more-link {
position: relative;
.button-more {
border:none;
&::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid $color__black;
font-size: 4rem;
line-height: inherit;
}
&:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
}
}
}
// .category-faq {
// .entry-title {
// a {
// &::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
// }
// &::after {
// content: "+";
// width: 8rem;
// height: 2rem;
// padding: 0 0.5rem;
// text-align: right;
// font-size: 2.5rem;
// line-height: 0.7;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.1rem;
// font-size: 1.5rem;
// line-height: 1.2;
// }
// }
// }
// }
//}

116
sass/base/elements/_links.scss
View File

@ -34,61 +34,61 @@ a {
text-decoration: none;
}
}
.home-featured,.archive-posts {
.category-faq,.type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
.entry-title {
a {
&::after {
content: "+";
position:absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
border: 1px solid $color__black;
font-size: 4rem;
line-height: 0.8;
}
&:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
}
}
}
.category-faq {
.entry-title {
a {
&::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: $font__light;
font-size: 1rem;
line-height: 0;
}
&::after {
content: "+";
width: 8rem;
height: 2rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
&:hover::after {
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
}
}
}
}
//.home-featured,.archive-posts {
// .category-faq,.type-ofisuport-ajut {
// position: relative;
// padding-bottom: 4rem;
// .entry-title {
// a {
// &::after {
// content: "+";
// position:absolute;
// bottom: 0;
// left: 0;
// width: 3rem;
// height: 3rem;
// padding: 0 0.38rem;
// border: 1px solid $color__black;
// font-size: 4rem;
// line-height: 0.8;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.38rem;
// font-size: 2.5rem;
// line-height: 1.3;
// }
// }
// }
// }
// .category-faq {
// .entry-title {
// a {
// &::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
// }
// &::after {
// content: "+";
// width: 8rem;
// height: 2rem;
// padding: 0 0.5rem;
// text-align: right;
// font-size: 2.5rem;
// line-height: 0.7;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.1rem;
// font-size: 1.5rem;
// line-height: 1.2;
// }
// }
// }
// }
//}

22
sass/base/elements/_lists.scss
View File

@ -62,4 +62,26 @@ article:not(.type-post){
font-size: $font__size-body*1.2;
}
}
.item-os_fund_apply_text {
display:inline-block;
margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: $color__white;
background-color: $color__green;
font-family: $font__black;
font-size: $font__size-body*0.7;
text-transform: uppercase;
}
}
.single-ofisuport-ajut {
article:not(.type-post){
.ofisuport-label {
li {
font-size: $font__size-body*1.1;
}
}
.item-os_fund_apply_text {
font-size: $font__size-body*1.1;
}
}
}

18
sass/base/typography/_typography.scss
View File

@ -9,7 +9,23 @@ textarea {
font-size: $font__size-body;
line-height: $font__line-height-body;
}
.hide {
display: inline-block;
margin: 0;
padding: 0;
min-width: unset;
max-width: unset;
width: 0px;
min-height: unset;
max-height: unset;
height: 0px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
border: 0;
background-color: transparent;
background: none;
}
@import "headings";
@import "copy";
@import "fonts";

4
sass/components/content/_posts-and-pages.scss
View File

@ -36,6 +36,10 @@
padding: 0.5rem 0;
margin:0;
}
.more-link {
display: inline-blocK;
margin-top: 2rem;
}
}
/* used in
* ./template-parts/content-ofisuport-ajut.php

124
style.css
View File

@ -394,6 +394,24 @@ textarea {
line-height: 1.3;
}
.hide {
display: inline-block;
margin: 0;
padding: 0;
min-width: unset;
max-width: unset;
width: 0px;
min-height: unset;
max-height: unset;
height: 0px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
border: 0;
background-color: transparent;
background: none;
}
@media screen {
h1,
h2,
@ -695,6 +713,25 @@ article:not(.type-post) .item-os_fund_call li {
font-size: 1.2rem;
}
article:not(.type-post) .item-os_fund_apply_text {
display: inline-block;
margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
text-transform: uppercase;
}
.single-ofisuport-ajut article:not(.type-post) .ofisuport-label li {
font-size: 1.1rem;
}
.single-ofisuport-ajut article:not(.type-post) .item-os_fund_apply_text {
font-size: 1.1rem;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
@ -749,58 +786,6 @@ a.button {
text-decoration: none;
}
.home-featured .category-faq, .home-featured .type-ofisuport-ajut, .archive-posts .category-faq, .archive-posts .type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
}
.home-featured .category-faq .entry-title a::after, .home-featured .type-ofisuport-ajut .entry-title a::after, .archive-posts .category-faq .entry-title a::after, .archive-posts .type-ofisuport-ajut .entry-title a::after {
content: "+";
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
}
.home-featured .category-faq .entry-title a:hover::after, .home-featured .type-ofisuport-ajut .entry-title a:hover::after, .archive-posts .category-faq .entry-title a:hover::after, .archive-posts .type-ofisuport-ajut .entry-title a:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
.home-featured .category-faq .entry-title a::before, .archive-posts .category-faq .entry-title a::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 0;
}
.home-featured .category-faq .entry-title a::after, .archive-posts .category-faq .entry-title a::after {
content: "+";
width: 8rem;
height: 2rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
.home-featured .category-faq .entry-title a:hover::after, .archive-posts .category-faq .entry-title a:hover::after {
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
/* Forms
--------------------------------------------- */
button,
@ -859,6 +844,37 @@ input[type="submit"]:focus,
line-height: 1.5;
}
.home-featured .more-link, .archive-posts .more-link {
position: relative;
}
.home-featured .more-link .button-more, .archive-posts .more-link .button-more {
border: none;
}
.home-featured .more-link .button-more::after, .archive-posts .more-link .button-more::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid #000;
font-size: 4rem;
line-height: inherit;
}
.home-featured .more-link .button-more:hover::after, .archive-posts .more-link .button-more:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
input[type="text"],
input[type="email"],
input[type="url"],
@ -1367,6 +1383,10 @@ textarea {
padding: 0.5rem 0;
margin: 0;
}
.ofisuport-card-each .more-link {
display: inline-blocK;
margin-top: 2rem;
}
/* used in
* ./template-parts/content-ofisuport-ajut.php
* ./template-parts/section-eachpost.php

2
style.css.map
View File

File diff suppressed because one or more lines are too long

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

@ -12,7 +12,6 @@
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php //the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); ?>
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
@ -34,12 +33,19 @@
</div>
<?php endif; ?>
<?php if( get_field('os_fund_web') ): ?>
<?php if( get_field('os_fund_contact_mail') ): ?>
<div class="ofisuport-fund-info-field">
<p class="ofisuport-fund-web"><a href="<?php the_field('os_fund_web'); ?>"><?php the_field('os_fund_web'); ?></a></p>
<p class="ofisuport-fund-contact-mail"><?php the_field('os_fund_contact_mail'); ?></p>
</div>
<?php endif; ?>
<?php if( get_field('os_fund_contact_tel') ): ?>
<div class="ofisuport-fund-info-field">
<p class="ofisuport-fund-contact-tel"><?php the_field('os_fund_contact_tel'); ?></p>
</div>
<?php endif; ?>
</section>
<div class="entry-content">
@ -90,10 +96,14 @@
<h6>Termini</h6>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?>
<ul class="ofisuport-label item-os_fund_dates">
<li> <?php the_field('os_fund_apply_begin'); ?> </li>
<li> <?php the_field('os_fund_apply_end'); ?> </li>
<li class="item-os_fund_apply_begin">del <?php the_field('os_fund_apply_begin'); ?> </li>
<li class="item-os_fund_apply_end">al <?php the_field('os_fund_apply_end'); ?> </li>
</ul>
<?php endif; ?>
<?php if( get_field('os_fund_apply_text') ): ?>
<p class="item-os_fund_apply_text"><?php the_field('os_fund_apply_text'); ?></p>
<?php endif; ?>
</div>
<?php if( get_field('os_fund_web') ): ?>

21
template-parts/section-eachpost.php
View File

@ -10,7 +10,7 @@
<article id="post-<?php the_ID(); ?>" <?php post_class('ofisuport-card-each'); ?>>
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
@ -24,12 +24,23 @@
<?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="ofisuport-label item-os_fund_dates">
<li><?php the_field('os_fund_apply_begin'); ?></li>
<li><?php the_field('os_fund_apply_end'); ?></li>
<li>del <?php the_field('os_fund_apply_begin'); ?></li>
<li>al <?php the_field('os_fund_apply_end'); ?></li>
</ul>
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_begin') ); ?>
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_end') ); ?>
<?php endif; ?>
<?php if( get_field('os_fund_apply_text') ): ?>
<ul class="ofisuport-label item-os_fund_dates">
<li class=""><?php the_field('os_fund_apply_text'); ?></li>
</ul>
<?php endif; ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_call') ); ?>
</aside>
<nav class="more-link">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="button button-more">
<span class="hide"><?php the_title(); ?></span>
</a>
</nav>
</article><!-- #post-<?php the_ID(); ?> -->