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

styled inscripcio ajudes form

This commit is contained in:
jorge 2023-01-15 20:11:06 +01:00
parent efecc4bc64
commit 012f31dfbb
12 changed files with 1158 additions and 349 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

647
adminstyles.css
View File

File diff suppressed because it is too large Load Diff

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

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

@ -23,15 +23,6 @@ input[type="submit"],
} }
} }
.button-more { .button-more {
//&::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
//}
&::after { &::after {
content: "+"; content: "+";
display: inline-block; display: inline-block;

52
sass/base/typography/_headings.scss
View File

@ -3,34 +3,53 @@
h2, h2,
h3, h3,
h4, h4,
h5 { h5,
.h1,.h2,.h3,.h4,.h5,.h6{
text-transform: uppercase; text-transform: uppercase;
clear: both; clear: both;
line-height: $font__line-height-header; line-height: $font__line-height-header;
} }
h1 { h1,.h1 {
font-family: $font__light; font-family: $font__light;
font-size: $font__size-body*1.8; font-size: $font__size-body*1.8;
&.small {
font-size: $font__size-body*1.5;
}
} }
h2 { h2,.h2 {
font-family: $font__light; font-family: $font__light;
font-size: $font__size-body*1.5; font-size: $font__size-body*1.5;
&.small {
font-size: $font__size-body*1.2;
}
} }
h3 { h3,.h3 {
font-family: $font__black; font-family: $font__black;
font-size: $font__size-body*1.3; font-size: $font__size-body*1.3;
&.small {
font-size: $font__size-body*1;
}
} }
h4 { h4,.h4 {
font-family: $font__bold; font-family: $font__bold;
font-size: $font__size-body*1.2; font-size: $font__size-body*1.2;
&.small {
font-size: $font__size-body*0.9;
}
} }
h5 { h5,.h5 {
font-family: $font__medium; font-family: $font__medium;
font-size: $font__size-body*1.1; font-size: $font__size-body*1.1;
&.small {
font-size: $font__size-body*0.8;
}
} }
h6 { h6,.h6 {
font-family: $font__light; font-family: $font__light;
font-size: $font__size-body*1.1; font-size: $font__size-body*1.1;
&.small {
font-size: $font__size-body*0.8;
}
} }
.site-main { .site-main {
h1, h1,
@ -39,17 +58,18 @@
h4, h4,
h5, h5,
h6, h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.entry-content { .entry-content {
margin: 0; margin: 0;
} }
} }
.single { .single {
h1 { h1,.h1 {
font-family: $font__black; font-family: $font__black;
} }
} }
.home-featured { .home-featured {
h2 { h2,.h2 {
margin: 1.2rem 0; margin: 1.2rem 0;
font-size: $font__size-body*2; font-size: $font__size-body*2;
line-height: 1.2; line-height: 1.2;
@ -58,27 +78,27 @@
} }
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
h1 { h1,.h1 {
font-size: $font__size-body*3.5; font-size: $font__size-body*3.5;
} }
h2 { h2,.h2 {
font-size: $font__size-body*2.5; font-size: $font__size-body*2.5;
} }
h3 { h3,.h3 {
font-size: $font__size-body*2; font-size: $font__size-body*2;
} }
h4 { h4,.h4 {
font-family: $font__black; font-family: $font__black;
font-size: $font__size-body*1.7; font-size: $font__size-body*1.7;
} }
h5 { h5,.h5 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.5;
} }
h6 { h6,.h6 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.5;
} }
.home-featured { .home-featured {
h2 { h2,.h2 {
font-size: $font__size-body*3.5; font-size: $font__size-body*3.5;
border-bottom: 0.8rem solid $color__black; border-bottom: 0.8rem solid $color__black;
} }

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

@ -22,6 +22,10 @@
clear: both; clear: both;
margin: 0 0 1.5em; margin: 0 0 1.5em;
} }
/* used in
* ./template-parts/section-eachpost.php
* */
.ofisuport-card-each { .ofisuport-card-each {
.entry-title,h6 { .entry-title,h6 {
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
@ -33,6 +37,10 @@
margin:0; margin:0;
} }
} }
/* used in
* ./template-parts/content-ofisuport-ajut.php
* ./template-parts/section-eachpost.php
* */
.ofisuport-fund-info-fields, .ofisuport-fund-info-fields,
.ofisuport-fund-info-contact-fields { .ofisuport-fund-info-contact-fields {
display: grid; display: grid;
@ -61,8 +69,6 @@
margin: 1rem 0 0.5rem 0; margin: 1rem 0 0.5rem 0;
} }
} }
.oficina-suport-label {
}
.ofisuport-funder-name, .ofisuport-funder-name,
.ofisuport-fund-contact-name, .ofisuport-fund-contact-name,
.ofisuport-fund-web { .ofisuport-fund-web {
@ -92,57 +98,78 @@
.archive-posts { .archive-posts {
grid-template-columns: repeat(1 , 1fr); grid-template-columns: repeat(1 , 1fr);
} }
/* contact forms styles
.oficinasuport-titol-opcions {
/* applied in forms and contactforms */
display: inline-block;
width: 100%;
margin-bottom: 1rem;
padding: 0.6em 1em 0.4em;
clear: both;
font-family: $font__black;
font-size: $font__size-body*0.9;
border: 1px solid $color__border-button;
text-transform: uppercase;
}
/* contact forms styles used in wp backend with CF7
* add class constactform-WHATEVER to apply * add class constactform-WHATEVER to apply
*/ */
.contactform { //.contactform {
margin-bottom: 1rem; // margin-bottom: 1rem;
br { // br {
display: none; // display: none;
} // }
p { // p {
display: block; // display: block;
break-inside: avoid-column; // break-inside: avoid-column;
margin-top: 0; // margin-top: 0;
} // }
.break-after-column, .saltar-columna{ // .break-after-column, .saltar-columna{
break-after:column; // break-after:column;
} // }
} //}
.contactform-consultoria { //.contactform-consultoria {
.contactform-name, .contactform-email { // .contactform-name, .contactform-email {
max-width: 40%; // max-width: 40%;
display: inline-block; // display: inline-block;
} // }
.contactform-name { // .contactform-name {
float: left; // float: left;
} // }
.contactform-email { // .contactform-email {
float:right; // float:right;
margin-bottom: 1rem; // margin-bottom: 1rem;
} // }
.contactform-message { // .contactform-message {
} // }
} //}
.contactform-acceptance { //.contactform-acceptance {
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: end; // justify-content: end;
} //}
.contactform-fund-info { //.contactform-fund-info {
display: inline-block; // display: inline-block;
column-count: 2; // column-count: 2;
.contactform-descripcio textarea { // .contactform-descripcio textarea {
display: inline-block; // display: inline-block;
min-height: 19rem; // min-height: 19rem;
} // }
} //}
} //.contactform-fund-options {
.contactform-fund-options { // column-count: 4;
column-count: 4; // p{
p{ // display: inline-block;
display: inline-block; // }
} // .wpcf7-list-item {
// display:block;
// label {
// display: flex;
// flex-direction: row-reverse;
// justify-content: left;
// }
// }
//}
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {

87
sass/plugins/contactform7/_contactform7.scss
View File

@ -1,3 +1,6 @@
/* contact forms styles used in wp backend with CF7
*/
.wpcf7-not-valid:not(:focus) { .wpcf7-not-valid:not(:focus) {
background-color: $color__red; background-color: $color__red;
} }
@ -24,3 +27,87 @@
margin: 0 -24px 0 0; margin: 0 -24px 0 0;
} }
} }
.wpcf7-list-item-label {
margin: 0 0.3rem;
}
/* styles applied if written in wp backend
* class="contactform contactform-WHATEVER"
* */
.contactform {
margin-bottom: 1rem;
br {
display: none;
}
p {
display: block;
break-inside: avoid-column;
margin-top: 0;
}
.break-after-column, .saltar-columna{
break-after:column;
}
}
.contactform-consultoria {
.contactform-name, .contactform-email {
max-width: 40%;
display: inline-block;
}
.contactform-name {
float: left;
}
.contactform-email {
float:right;
margin-bottom: 1rem;
}
.contactform-message {
}
}
.contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.contactform-fund-info {
display: inline-block;
column-count: 2;
.contactform-descripcio textarea {
display: inline-block;
min-height: 19rem;
}
}
.contactform-fund-options {
column-count: 4;
p{
display: inline-block;
}
.wpcf7-list-item {
display:block;
label {
display: flex;
flex-direction: row-reverse;
justify-content: left;
}
}
.wpcf7-form-control-wrap {
&[data-name="oferta-data-start"],&[data-name="oferta-data-end"] {
display: block;
input[type="date"] {
width: auto;
background-color: $color__white;
}
&::before {
display: inline-block;
width: 2rem;
}
}
&[data-name="oferta-data-start"]::before {
content:"inici: ";
}
&[data-name="oferta-data-end"]::before {
content:"fi: ";
}
}
}

571
style.css
View File

File diff suppressed because it is too large Load Diff

2
style.css.map
View File

File diff suppressed because one or more lines are too long

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

@ -88,7 +88,7 @@
<div class="ofisuport-fund-info-field"> <div class="ofisuport-fund-info-field">
<h6>Termini</h6> <h6>Termini</h6>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?> <?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?>
<ul class="oficina-suport-label item-os_fund_dates"> <ul class="ofisuport-label item-os_fund_dates">
<li> <?php the_field('os_fund_apply_begin'); ?> </li> <li> <?php the_field('os_fund_apply_begin'); ?> </li>
<li> <?php the_field('os_fund_apply_end'); ?> </li> <li> <?php the_field('os_fund_apply_end'); ?> </li>
</ul> </ul>

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

@ -24,7 +24,7 @@
<?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_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_source') ); ?>
<?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_field') ); ?>
<ul class="oficina-suport-label item-os_fund_dates"> <ul class="ofisuport-label item-os_fund_dates">
<li> <?php the_field('os_fund_apply_begin'); ?> </li> <li> <?php the_field('os_fund_apply_begin'); ?> </li>
<li> <?php the_field('os_fund_apply_end'); ?> </li> <li> <?php the_field('os_fund_apply_end'); ?> </li>
</ul> </ul>

2
template-parts/section-list-checkbox.php
View File

@ -20,7 +20,7 @@
$fields= get_field($fielditerate); $fields= get_field($fielditerate);
if( $fields ): if( $fields ):
?> ?>
<ul class="oficina-suport-label item-<?php echo $fielditerate ?>"> <ul class="ofisuport-label item-<?php echo $fielditerate ?>">
<?php foreach( $fields as $field ): ?> <?php foreach( $fields as $field ): ?>
<li> <li>
<?php echo $field['label']; ?> <?php echo $field['label']; ?>