xarxaprod/oficinasuport-wp-theme
5
0
Fork 0
Code Issues1 Pull requests Projects Releases Wiki Activity

styled inscripcio ajudes form

Browse source
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

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 {
//&::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;

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

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

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

@ -22,6 +22,10 @@
clear: both;
margin: 0 0 1.5em;
}
/* used in
* ./template-parts/section-eachpost.php
* */
.ofisuport-card-each {
.entry-title,h6 {
border-bottom: 1px solid $color__black;
@ -33,6 +37,10 @@
margin:0;
}
}
/* used in
* ./template-parts/content-ofisuport-ajut.php
* ./template-parts/section-eachpost.php
* */
.ofisuport-fund-info-fields,
.ofisuport-fund-info-contact-fields {
display: grid;
@ -61,8 +69,6 @@
margin: 1rem 0 0.5rem 0;
}
}
.oficina-suport-label {
}
.ofisuport-funder-name,
.ofisuport-fund-contact-name,
.ofisuport-fund-web {
@ -92,57 +98,78 @@
.archive-posts {
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
*/
.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;
}
//.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;
// }
// }
//}
}
@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) {
background-color: $color__red;
}
@ -24,3 +27,87 @@
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">
<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">
<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>
</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_source') ); ?>
<?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_end'); ?> </li>
</ul>

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

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