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

styled colors, buttons, functions calls

This commit is contained in:
jorge 2024-01-14 20:13:11 +01:00
parent 2474db20a0
commit ad5f8daf6a
17 changed files with 2144 additions and 822 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

969
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

2
inc/template-functions.php
View File

@ -76,7 +76,7 @@ if ( ! function_exists( 'xarxaprod_display_faqs_labels' ) ) :
// https://developer.wordpress.org/reference%2Ffunctions%2Fwp_list_categories%2F/ // https://developer.wordpress.org/reference%2Ffunctions%2Fwp_list_categories%2F/
wp_list_categories( wp_list_categories(
array( array(
'child_of' => 1, // category FAQ id=1 'child_of' => 38, // category FAQ id=1
'hide_empty' => 1, 'hide_empty' => 1,
'hide_title_if_empty' => true, 'hide_title_if_empty' => true,
'separator' => '<li>', 'separator' => '<li>',

2
page-templates/faqs-page.php
View File

@ -42,10 +42,8 @@ get_header();
endif; endif;
?> ?>
<aside id="xarxaprod-faqs-nav" class="xarxaprod-faqs-aside"> <aside id="xarxaprod-faqs-nav" class="xarxaprod-faqs-aside">
<?php //if( in_category('faq') ) : ?>
<?php xarxaprod_display_faqs_labels(); ?> <?php xarxaprod_display_faqs_labels(); ?>
<?php xarxaprod_display_faqs_search(); ?> <?php xarxaprod_display_faqs_search(); ?>
<?php //endif; //end if is_category faq ?>
</aside> </aside>
<content class="archive-posts <?php xarxaprod_class_posttype(); ?>"> <content class="archive-posts <?php xarxaprod_class_posttype(); ?>">
<?php <?php

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

@ -10,7 +10,9 @@ input[type="submit"],
background: $color__background-button; background: $color__background-button;
color: $color__text-screen; color: $color__text-screen;
line-height: 1; line-height: 1;
padding: 0.6em 1em 0.4em; // padding: 0.6em 1em 0.4em;
padding: 0.5em;
margin: 0;
//text-transform: uppercase; //text-transform: uppercase;
&:hover { &:hover {
@ -23,28 +25,66 @@ input[type="submit"],
} }
} }
.button-more { .button-more {
//&::before { // line-height: 2.5;
// content: "accedir"; display: inline-block;
// 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;
width: 1.5rem; font-weight: bold;
height: 2rem; text-align: center;
padding: 0 0.5rem;
font-family: $font__black;
font-size: 1.5rem;
} }
&:hover::after { &:hover::after {
content: ">"; content: ">";
padding-left: 0.2rem;
font-size: 1.2rem;
line-height: 1.5;
} }
} }
.more-link {
.button-more {
&::after {
font-size: 4rem;
width: 4rem;
}
&:hover::after {
}
}
}
.category-faq {
.button-more {
&::before {
content: "accedir";
}
}
}
.xarxaprod-search-form {
display: flex;
margin: 0.5rem 0;
.search-field {
padding: 0.5em;
}
.search-submit{
z-index: 10;
margin: 0rem;
border: none;
width: 2.5rem;
height: 2.5rem;
background: none;
cursor: pointer;
font-size: 0px;
}
}
.xarxaprod-icon-search:before {
position: absolute;
padding: 0;
margin: 0.2rem 0 0 -1.5rem;
z-index: 0;
min-width: 2.5rem;
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

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

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

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

@ -1,64 +1,112 @@
ul, ul,
ol { ol {
margin: 0 0 0.5em 0.5em; margin: 0 0 0.5em 0.5em;
padding: 0; padding: 0;
} }
ul { ul {
list-style: none; list-style: none;
} }
ol { ol {
list-style: decimal; list-style: decimal;
} }
li > ul, li > ul,
li > ol { li > ol {
margin-bottom: 0; margin-bottom: 0;
margin-left: 0.5em; margin-left: 0.5em;
} }
dt { dt {
font-weight: 700; font-weight: 700;
} }
dd { dd {
margin: 0 0 0.5em 0.5em; margin: 0 0 0.5em 0.5em;
padding: 0;
}
.xarxaprod-label {
margin: 0;
padding: 0; padding: 0;
display: inline;
li {
display:inline-block;
margin:0.1rem;
padding: 0 0.2rem;
color: $color__white;
background-color: $color__black;
font-family: $font__black;
font-size: $font__size-body*0.7;
//text-transform: uppercase;
}
}
.item-os_fund_target li {
background-color: $color__orange;
}
.item-os_fund_source li {
background-color: $color__lightblue;
}
.item-os_fund_field li {
background-color: $color__yellow;
}
.item-os_fund_dates li {
background-color: $color__green;
}
.item-os_fund_call {
display: block;
margin:0.2rem 0.1rem;
li {
font-size: $font__size-body*1.2;
}
} }
article:not(.type-post){
.xarxaprod-label {
margin: 0;
padding: 0;
display: inline;
li {
display:inline-block;
margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: $color__white;
background-color: $color__black;
font-family: $font__black;
font-size: $font__size-body*0.7;
text-transform: uppercase;
}
}
.item-os_fund_target li {
background-color: $color__orange;
}
.item-os_fund_source li {
background-color: $color__lightblue;
}
.item-os_fund_field li {
background-color: $color__yellow;
}
.item-os_fund_dates li {
background-color: $color__green;
}
.item-os_fund_call {
display: block;
margin:0.2rem 0;
li {
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;
}
}
.xarxaprod-faqs-types {
ul {
margin: 0;
}
.cat-item {
display:inline-block;
margin: 0.1em 0.5em 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: $color__white;
background-color: $color__black;
font-family: $font__black;
font-size: $font__size-body*1.1;
text-transform: uppercase;
}
.current-cat{
background-color: $color__orange;
}
a {
color: $color__white;
text-decoration: none;
&:visited, &:hover{
color: $color__white;
}
}
}
.single-xarxaprod-ajut {
article:not(.type-post) {
.xarxaprod-label {
li {
font-size: $font__size-body*1.1;
}
}
.item-os_fund_apply_text {
font-size: $font__size-body*1.1;
}
}
}

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

@ -4,31 +4,57 @@
h3, h3,
h4, h4,
h5, h5,
h6 { h6,
font-family: $font__header; .h1,.h2,.h3,.h4,.h5,.h6{
clear: both; clear: both;
line-height: $font__line-height-header; line-height: $font__line-height-header;
a { }
text-decoration: none; h1,.h1 {
font-family: $font__light;
font-size: $font__size-body*1.8;
text-transform: uppercase;
&.small {
font-size: $font__size-body*1.5;
} }
} }
h1 { h2,.h2 {
font-size: $font__size-body*1.8; font-family: $font__light;
}
h2 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.5;
text-transform: uppercase;
&.small {
font-size: $font__size-body*1.2;
}
} }
h3 { h3,.h3 {
font-family: $font__black;
font-size: $font__size-body*1.3; font-size: $font__size-body*1.3;
text-transform: uppercase;
&.small {
font-size: $font__size-body*1;
}
} }
h4 { h4,.h4 {
font-family: $font__bold;
font-size: $font__size-body*1.2; font-size: $font__size-body*1.2;
text-transform: uppercase;
&.small {
font-size: $font__size-body*0.9;
}
} }
h5 { h5,.h5 {
font-family: $font__medium;
font-size: $font__size-body*1.1; font-size: $font__size-body*1.1;
text-transform: uppercase;
&.small {
font-size: $font__size-body*0.8;
}
} }
h6 { h6,.h6 {
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,
@ -37,17 +63,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;
@ -56,27 +83,54 @@
} }
} }
@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*1.5;
} }
h4 { h4,.h4 {
font-family: $font__black; font-family: $font__black;
font-size: $font__size-body*1.7; font-size: $font__size-body*1.3;
} }
h5 { h5,.h5 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.3;
} }
h6 { h6,.h6 {
font-size: $font__size-body*1.5; font-size: $font__size-body*1.3;
} }
.home-featured { .home-featured {
h2 { h2,.h2 {
font-size: $font__size-body*3.5;
border-bottom: 0.8rem solid $color__black;
}
}
}
@media screen and (min-width: 1440px) {
h1,.h1 {
font-size: $font__size-body*3.5;
}
h2,.h2 {
font-size: $font__size-body*2.5;
}
h3,.h3 {
font-size: $font__size-body*1.6;
}
h4,.h4 {
font-family: $font__black;
font-size: $font__size-body*1.4;
}
h5,.h5 {
font-size: $font__size-body*1.4;
}
h6,.h6 {
font-size: $font__size-body*1.4;
}
.home-featured {
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;
} }

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

@ -9,7 +9,23 @@ textarea {
font-size: $font__size-body; font-size: $font__size-body;
line-height: $font__line-height-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: none;
background-color: transparent;
}
@import "headings"; @import "headings";
@import "copy"; @import "copy";
@import "fonts"; @import "fonts";

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

@ -5,7 +5,7 @@
.post, .post,
.page { .page {
margin: 0 0 1.5em; margin: 0 0 5em;
} }
.updated:not(.published) { .updated:not(.published) {
@ -22,7 +22,13 @@
clear: both; clear: both;
margin: 0 0 1.5em; margin: 0 0 1.5em;
} }
/* used in
* ./template-parts/section-eachpost.php
* */
.xarxaprod-card-each { .xarxaprod-card-each {
display: flex;
flex-direction: column;
.entry-title,h6 { .entry-title,h6 {
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
margin: 0; margin: 0;
@ -32,7 +38,19 @@
padding: 0.5rem 0; padding: 0.5rem 0;
margin:0; margin:0;
} }
.more-link {
// display: inline-blocK;
margin-top: 2rem;
}
.button-more {
padding:0;
margin:0;
}
} }
/* used in
* ./template-parts/content-xarxaprod-ajut.php
* ./template-parts/section-eachpost.php
* */
.xarxaprod-fund-info-fields, .xarxaprod-fund-info-fields,
.xarxaprod-fund-info-contact-fields { .xarxaprod-fund-info-contact-fields {
display: grid; display: grid;
@ -61,8 +79,6 @@
margin: 1rem 0 0.5rem 0; margin: 1rem 0 0.5rem 0;
} }
} }
.xarxaprod-label {
}
.xarxaprod-funder-name, .xarxaprod-funder-name,
.xarxaprod-fund-contact-name, .xarxaprod-fund-contact-name,
.xarxaprod-fund-web { .xarxaprod-fund-web {
@ -78,49 +94,123 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
// .page-template-funds-search { /* filters form custom fields
.xarxaprod-filtered-funds { */
display:grid; .xarxaprod-filtered-funds {
grid-template-columns: 1fr 1fr; display:grid;
grid: 1fr;
.os_fund_target,
.os_fund_source,
.os_fund_field {
.filter {
display: none;
}
} }
.xarxaprod-fund-filter { }
display: grid; .xarxaprod-filters {
grid-template-columns: repeat(1 , 1fr); section {
gap: $grid__gap; margin: 1em 0;
} }
.archive-posts { .button-more {
grid-template-columns: repeat(1 , 1fr); width: 100%;
max-width: 11.7em;
&::after {
margin-left: 1rem;
}
}
}
.archive-posts {
// https://stackoverflow.com/questions/47601564/equal-width-columns-in-css-grid#61240964
grid-template-columns: repeat(1 , minmax(0,1fr));
}
.xarxaprod-titol-opcions {
// applied in forms and contactforms
display: inline-block;
width: 100%;
max-width: 13em;
margin-bottom: 0;
margin-bottom: 1rem;
padding: 0.6em 1em 0.4em;
clear: both;
cursor: pointer;
font-family: $font__black;
font-size: $font__size-body*0.9;
border: 1px solid $color__border-button;
text-transform: uppercase;
&:after {
content: ">";
display: inline;
float:right;
} }
//} &:hover {
&:after {
transform: rotate(90deg);
animation: rotate 0.5s;
}
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(90deg);
}
}
}
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
//only smaller than 48em //only smaller than 48em
.post,
.page {
margin: 0 0 1em;
}
.xarxaprod-filters {
section {
display: block;
h5 {
display: block;
width: 100%;
}
.filter {
display: inline-block;
width: 45%;
margin-top: 0.5rem;
margin-right: 0.3em;
float: left;
&:last-of-type {
margin-bottom: 2rem;
}
}
}
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em
//.page-template-funds-search { .xarxaprod-filters {
padding-right: 2em;
section {
margin: 1em 0;
}
}
.xarxaprod-filtered-funds { .xarxaprod-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.xarxaprod-fund-filter {
}
.archive-posts { .archive-posts {
grid-template-columns: repeat(2 , 1fr); grid-template-columns: repeat(2 , minmax(0,1fr));
grid-gap: 3em;
} }
//}
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
//only bigger than 80rem //only bigger than 80rem
//.page-template-funds-search {
.xarxaprod-filtered-funds { .xarxaprod-filtered-funds {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
} }
.xarxaprod-fund-filter {
}
.archive-posts { .archive-posts {
grid-template-columns: repeat(3 , 1fr); grid-template-columns: repeat(3 , minmax(0,1fr));
} }
//}
} }

272
sass/components/navigation/_navigation.scss
View File

@ -18,53 +18,14 @@
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
ul { ul.sub-menu {
background-color: $color__white; padding-top: 0.5rem;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); padding-left: 1rem;
flex-direction: column; }
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
ul {
left: -999em;
top: 0;
}
li {
&:hover > ul,
&.focus > ul {
//display: block;
left: 30%;
top: 2.5rem;
}
}
a {
width: 200px;
}
:hover > a,
.focus > a {
}
a:hover,
a.focus {
}
}
li:hover > ul,
li.focus > ul {
left: auto;
}
} }
li { li {
position: relative; position: relative;
padding: 1rem;
&:hover > a, &:hover > a,
&.focus > a { &.focus > a {
@ -100,7 +61,7 @@
} }
} }
.secondary-navigation { .secondary-navigation {
padding: 1em 0; padding: 0 1em 1em 0;
ul { ul {
display: inline-block; display: inline-block;
li { li {
@ -108,45 +69,22 @@
} }
} }
a { a {
// text-transform: uppercase; text-transform: uppercase;
} }
} }
.menu-item-has-children { .menu-item-has-children {
&::after {
content: "";
display: inline-block;
position: absolute;
top: 40%;
right: 0.3em;
//vertical-align: middle;
//margin: -3em 0 0.5em;
width: 0.3em;
height: 0.3em;
border: 1px solid $color__black;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
&:hover {
&::after {
border-color: $color__grey-dark;
}
}
} }
/* begin of menu-hidden */ /* begin of menu-hidden */
.toogle-secondary-navigation .show-mobile{ .toggle-secondary-navigation .show-mobile{
display:inherit; display:inherit;
} }
.toogle, .toggle,
.toogled-menu { .toggled-menu {
display: none; display: none;
} }
.toogle:checked+.toogled-menu{ .toggle:checked+.toggled-menu{
display: block; display: block;
position: absolute; position: absolute;
left:0; left:0;
@ -154,31 +92,32 @@
width: 100%; width: 100%;
height: 100vh; height: 100vh;
margin-top: 0; margin-top: 0;
padding: 7em 4em 0 4em; padding: 0 2rem;
background-color: $color__white; //background-color: $color__white;
} }
.toogle-show { .toggle-show {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 1.8em; width: 1.8em;
height: 1.4em; height: 1.4em;
margin-right: 0.3em; margin-right: 0.3em;
//border-top: 0.3em solid $color__black; border-top: 0.3em solid $color__black;
//border-bottom: 0.3em solid $color__black; border-bottom: 0.3em solid $color__black;
} }
.toogle-show::before { .toggle-show::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0.3em; top: 0.3em;
left: 0; left: 0;
width: 100%; width: 100%;
//border-top: 0.3em solid $color__black; border-top: 0.3em solid $color__black;
} }
.toogle-hide { .toggle-hide {
display: flex; display: flex;
justify-content: center; justify-content: end;
margin-right: -0.5em;
} }
.toogle-hide::after{ .toggle-hide::after{
content: "x"; content: "x";
padding: 0; padding: 0;
font-size: 3rem; font-size: 3rem;
@ -187,15 +126,52 @@
/* end of menu hidden*/ /* end of menu hidden*/
/* Small menu. */ /* Small menu. */
.menu-toggle, .main-navigation.toggled {
.main-navigation.toggled ul { ul {
display: block; display: block;
}
.main-navigation-content {
display: inline-block;
position: absolute;
top: 5rem;
left: 0;
width: 100%;
height: calc(100vh - 5rem);
padding: 3rem;
background-color: $color__white;
}
}
.menu-toggle {
display: inline-block;
width: 10rem;
height: 4rem;
margin: 0;
padding: 0;
font-size: 0;
border: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
}
@media screen and (max-width: 47.99em) {
.site-branding {
display: block;
width: 0px;
height: 0px;
overflow: hidden;
margin: 0;
padding: 0;
}
.main-navigation-content {
text-transform: uppercase;
li {
padding: 0.5rem 0;
}
}
.secondary-navigation-content {
padding: 4rem 2rem;
} }
.xarxaprod-filters {
.xarxaprod-filter {
//float: left;
}
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.site-branding { .site-branding {
@ -211,7 +187,50 @@
.main-navigation,.secondary-navigation { .main-navigation,.secondary-navigation {
ul { ul {
display: flex; display: flex;
ul {
background-color: rgba(255,255,255,0.9);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
ul {
left: -999em;
top: 0;
}
li {
&:hover > ul,
&.focus > ul {
display: block;
left: 4em;
top: 1em;
}
}
a {
width: 200px;
}
:hover > a,
.focus > a {
}
a:hover,
a.focus {
}
}
li:hover > ul,
li.focus > ul {
left: auto;
}
} }
a { a {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
@ -226,6 +245,15 @@
padding-bottom: 1em; padding-bottom: 1em;
ul { ul {
justify-content: end; justify-content: end;
ul.sub-menu {
flex-direction: column;
padding-top: 2rem;
padding-left: 1rem;
padding-bottom: 1rem;
li {
margin: 0.5rem 0;
}
}
} }
a[href^="http://localhost"], a[href^="http://localhost"],
a[href^="http://xarxaprod.cat"], a[href^="http://xarxaprod.cat"],
@ -238,31 +266,58 @@
a[href^="http://xarxaprod.cat"]::after, a[href^="http://xarxaprod.cat"]::after,
a[href^="https://xarxaprod.cat"]::after, a[href^="https://xarxaprod.cat"]::after,
.current-menu-item a::after { .current-menu-item a::after {
//display: inline-block; display: inline-block;
//content: ""; content: "";
//position: absolute; position: absolute;
//left: 5%; left: 5%;
//min-height: 2px; min-height: 2px;
//height: 100%; height: 100%;
//width: 90%; width: 90%;
//margin-top: 2.3em; margin-top: 2.3em;
//border-bottom: 0.3rem solid $color__black; //border-bottom: 0.3rem solid $color__black;
} }
.menu-item-has-children {
ul {
}
}
} }
.secondary-navigation { .secondary-navigation {
padding: 1.5em 0; padding: 1.5em 0;
} }
/* .menu-item-has-children {
* css menu toogler &::after {
* */ content: "";
.toogle-secondary-navigation .show-mobile, display: inline-block;
.toogle-secondary-navigation .hide-not-mobile{ position: absolute;
top: 40%;
right: 0.3em;
width: 0.3em;
height: 0.3em;
border: 1px solid $color__black;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
&:hover {
&::after {
//border-color: $color__grey-dark;
}
}
}
/*
* css menu toggler
* */
.toggle-secondary-navigation .show-mobile,
.toggle-secondary-navigation .hide-not-mobile{
display: none; display: none;
} }
.toogled-menu { .toggled-menu {
display: inherit; display: inherit;
} }
/* end css menu toogler /* end css menu toggler
* */ * */
} }
@ -272,6 +327,7 @@
.site-main & { .site-main & {
margin: 0 0 1.5em; margin: 0 0 1.5em;
align-self: end;
} }
.nav-links { .nav-links {
@ -283,14 +339,14 @@
} }
.nav-next { .nav-next {
text-align: end; //text-align: end;
flex: 1 0 50%; flex: 1 0 50%;
} }
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
.main-navigation,.secondary-navigation { .main-navigation,.secondary-navigation {
.toogle-sidebar-segona .show-mobile, .toggle-sidebar-segona .show-mobile,
.toogle-sidebar-segona .hide-not-mobile{ .toggle-sidebar-segona .hide-not-mobile{
display:none; display:none;
} }

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

@ -29,18 +29,17 @@
z-index: 900; z-index: 900;
top: 0; top: 0;
margin-bottom: 2rem; margin-bottom: 2rem;
//background-color: $color__white;
//box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.0);
.main { .main {
display: flex; display: flex;
flex-flow: row; flex-flow: column;
align-items: center; align-items: initial;
justify-content: space-around; justify-content: space-between;
padding-left: 1rem;
} }
.secondary { .secondary {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: end;
} }
} }
.site-main { .site-main {
@ -60,6 +59,10 @@
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
//only smaller than 48em //only smaller than 48em
.site-header { .site-header {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0.5rem 0;
align-items: center;
} }
.site-main { .site-main {
} }
@ -83,11 +86,24 @@
} }
} }
.site-header { .site-header {
display: grid;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-template-areas:
"main "
"secondary ";
margin: auto;
padding: 0;
.main { .main {
flex-flow: column; grid-column: 2/4;
flex-flow: row;
align-items: center;
width: 100%;
} }
.secondary { .secondary {
//border-top: 1px solid $color__grey-lighter; grid-column: 2/4;
align-items: center;
width: 100%;
} }
} }
.site-main { .site-main {
@ -100,13 +116,24 @@
} }
&.single { &.single {
.site-main { .site-main {
//width: 45rem; width: 45rem;
margin: 0 auto; margin: 0 auto;
} }
} }
.xarxaprod-destacats,.xarxaprod-featured,.archive-posts { .xarxaprod-destacats,.xarxaprod-featured,.archive-posts {
grid-template-columns: repeat(4 , 1fr); grid-template-columns: repeat(4 , 1fr);
} }
.xarxaprod-faqs-aside {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.xarxaprod-search-form {
&:hover,&:active,&:focus,&:target {
flex-grow: 1;
}
}
}
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
//only bigger than 80rem //only bigger than 80rem
@ -123,8 +150,8 @@
.site-header { .site-header {
.main { .main {
//width: 80em; //width: 80em;
margin: auto; //margin: auto;
flex-flow: row; //flex-flow: row;
} }
.secondary { .secondary {
} }

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

@ -1,8 +1,4 @@
//.wpcf7-form-control-wrap { /* contact forms styles used in wp backend with CF7 */
// input {
// margin-top: -1em;
// }
//}
.wpcf7-not-valid:not(:focus) { .wpcf7-not-valid:not(:focus) {
background-color: $color__red; background-color: $color__red;
@ -23,9 +19,39 @@
padding: 0rem; padding: 0rem;
} }
.wpcf7-form { .wpcf7-form {
.contactform-name, .wpcf7-form .contactform-email { .wpcf7-submit {
max-width: 40%; margin-left: 1rem;
display: inline-block; }
.wpcf7-spinner {
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 { .contactform-name {
float: left; float: left;
@ -36,16 +62,54 @@
} }
.contactform-message { .contactform-message {
} }
}
.contactform-acceptance { .contactform-acceptance {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: end; justify-content: end;
} }
.wpcf7-submit { .contactform-fund-info {
margin-left: 1rem; display: inline-block;
} column-count: 2;
.wpcf7-spinner { column-gap: 2em;
margin: 0 -24px 0 0; width: 100%;
.contactform-descripcio textarea {
display: inline-block;
min-height: 15.5em;
} }
} }
.contactform-fund-options {
display: flex;
justify-content: space-between;
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: ";
}
}
}

24
sass/style.scss
View File

@ -1,22 +1,22 @@
/* /*
Theme Name: Xarxaprod theme Theme Name: XarxaProd.cat 2024
Theme URI: http://underscores.me/ Theme URI: https://git.hangar.org/xarxaprod/
Author: jorge-vitrubio.net Author: Hangar.org Tech Lab - hangar.org
Author URI: https://vitrubio.net Author URI: https://hangar.org
Description: theme for the Xarxaprod.cat Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.0.0 Version: 1.0.7
Tested up to: 5.4 Tested up to: 6.2
Requires PHP: 5.6 Requires PHP: 7.4
License: GNU General Public License v2 or later License: GNU General Public License v3 or later
License URI: LICENSE License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: xarxaprod Text Domain: xarxaprod
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready Tags: custom-logo, custom-menu, search,custom post-type, translation-ready
This theme, like WordPress, is licensed under the GPL. This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned. Use it to make something cool, have fun, and share what you've learned.
Xarxaprod theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. The Xarxaprod.cat theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later. Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of Normalizing styles have been helped along thanks to the fine work of

952
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