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

styled front page elements that combine headers, buttons and moved all font-sizes to rem (avoid em)

This commit is contained in:
Jorge vitrubio.net 2024-03-30 14:29:34 +01:00
parent de4f2a16ac
commit 8a451a1138
12 changed files with 93 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
adminstyles.css
View File

@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
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.4
Version: 1.4.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
@ -697,11 +697,10 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper section.last-convos h2 a::after {
display: inline-block;
align-self: center;
justify-self: center;
font-size: 0.4em;
font-size: 0.8rem;
color: #fff;
background-color: #000;
padding: 0.4em;
padding: 0.6em 0.8em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper [lang="ca"] section.agenda h2 a::after {
@ -739,7 +738,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h3 {
font-size: 1.5rem;
font-size: 1.4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h4,
@ -1058,7 +1057,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
font-size: 0.8rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-social-media"] {
@ -1090,7 +1089,7 @@ Add your custom styles in this file so it is easier to update the theme.
height: 100%;
width: 100%;
color: #000;
font-size: 1em;
font-size: 1rem;
font-weight: 900;
}
@ -1184,8 +1183,9 @@ Add your custom styles in this file so it is easier to update the theme.
border-radius: 0;
background: #000;
color: #fff;
font-size: 0.9rem;
line-height: 1;
padding: 0.5em;
padding: 0.6em;
margin: 0;
}
@ -1391,7 +1391,7 @@ Add your custom styles in this file so it is easier to update the theme.
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section > header {
padding: 2em 0;
padding: 1em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
@ -1441,7 +1441,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
gap: 1.5rem;
}
}
@ -1969,10 +1969,14 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 {
margin: 0;
padding: 0.5rem 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .xarxaprod-deadline {
text-transform: uppercase;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each p {
padding: 0.5rem 0;
margin: 0;
@ -1981,6 +1985,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt {
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .more-link {
@ -2052,7 +2057,7 @@ Add your custom styles in this file so it is easier to update the theme.
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid #000;
font-size: 1em;
font-size: 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li:last-of-type,
@ -2110,7 +2115,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid;
font-size: 1em;
font-size: 1rem;
border: none;
border-top: 0.05em solid #000;
margin: 0;
@ -2121,7 +2126,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1em;
font-size: 1rem;
margin: 0;
padding: 0;
}
@ -2140,7 +2145,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em;
font-size: 1em;
font-size: 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat .xarxaprod-associat-contact {
@ -2174,7 +2179,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .wp-block-post-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .wp-block-post-title {
text-transform: lowercase;
font-size: 1.5em;
font-size: 1.5rem;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 0.05em solid #000;
@ -2201,7 +2206,7 @@ Add your custom styles in this file so it is easier to update the theme.
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1em 0;
padding: 0.2em 0;
border-bottom: 0.1em solid #000;
}
@ -2355,7 +2360,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li {
font-size: 1.5em;
font-size: 1.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
@ -2372,17 +2377,17 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each header,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .entry-header {
width: 60%;
width: 50%;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
width: 24%;
width: 30%;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-date,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .agenda-data {
width: 15%;
width: 17%;
}
}

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

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

@ -9,8 +9,9 @@ input[type="submit"],
border-radius: 0;
background: $color__background-button;
color: $color__white;
font-size: $font__size-body * 0.9;
line-height: 1;
padding: 0.5em;
padding: 0.6em;
margin: 0;
&:hover {

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

@ -98,7 +98,7 @@ dd {
ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
font-size: $font__size-body*0.8;
}
ul[id*="menu-social-media"] {
display:flex;
@ -114,7 +114,7 @@ dd {
// content:"";
// display: block;
// color: $color__black;
// font-size: 1em;
// font-size: $font__size-body*1;
// width: 2em;
// height: 2em;
// text-align:center;
@ -132,7 +132,7 @@ dd {
height: 100%;
width: 100%;
color: $color__black;
font-size: 1em;
font-size: $font__size-body*1;
font-weight: 900;
}
&[href*="instagram.com"]:before{

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

@ -76,11 +76,11 @@
&::after {
display: inline-block;
align-self: center;
justify-self: center;
font-size: 0.4em;
//justify-self: center;
font-size: 0.8rem;
color: $color__white;
background-color: $color__black;
padding: 0.4em;
padding: 0.6em 0.8em;
}
}
}
@ -110,7 +110,7 @@
font-size: $font__size-body*2.5;
}
h3,.h3 {
font-size: $font__size-body*1.5;
font-size: $font__size-body*1.4;
}
h4,.h4 {
font-size: $font__size-body*1.3;

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

@ -81,12 +81,14 @@
.xarxaprod-card-each {
display: flex;
flex-direction: column;
//justify-content: end;
.entry-title,h6 {
margin: 0;
padding: 0.5rem 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid $color__black;
}
.xarxaprod-deadline {
text-transform: uppercase;
}
p {
padding: 0.5rem 0;
margin:0;
@ -94,6 +96,7 @@
.excerpt {
border-bottom: 1px solid $color__black;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
.more-link {
margin-top: 1rem;
@ -113,14 +116,14 @@
border-bottom: 1px solid $color__black;
}
h6 {
font-size: 2.4rem;
font-size: $font__size-body*2.4;
font-variant: all-petite-caps;
}
p {
margin: 0.5rem 0 0 0;
}
li {
font-size: 1.3rem;
font-size: $font__size-body*1.3;
}
}
.xarxaprod-fund-info-contact-fields {
@ -140,12 +143,12 @@
margin:0;
padding: 0;
font-variant: all-petite-caps;
font-size: 1.1rem;
font-size: $font__size-body*1.1;
line-height: 0.9;
align-items: center;
a {
text-decoration: none;
font-size: 0.8rem;
font-size: $font__size-body*0.8;
}
}
@ -157,7 +160,7 @@
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid $color__black;
font-size: 1em;
font-size: $font__size-body*1;
&:last-of-type{
border-bottom: 0.05em solid $color__black;
}
@ -207,14 +210,14 @@
.xarxaprod-associat-services {
li {
display: grid;
font-size: 1em;
font-size: $font__size-body*1;
border: none;
border-top: $border__line;
margin: 0;
padding: 0.5em 0;
}
h6,p {
font-size: 1em;
font-size: $font__size-body*1;
margin: 0;
padding: 0;
}
@ -238,7 +241,7 @@
align-items: center;
h6,p,a {
margin: 0.5em ;
font-size: 1em;
font-size: $font__size-body*1;
}
}
}
@ -253,9 +256,9 @@
* */
.xarxaprod-associat {
.xarxaprod-associat-contact {
font-size: $font__size-body * 0.9;
font-size: $font__size-body*0.9;
h6 {
font-size: $font__size-body * 0.9;
font-size: $font__size-body*0.9;
border: none;
}
li {
@ -279,7 +282,7 @@
padding-bottom: 4em;
.wp-block-post-title {
text-transform: lowercase;
font-size: 1.5em;
font-size: $font__size-body*1.5;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 0.05em solid $color__black;
@ -301,7 +304,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1em 0;
padding: 0.2em 0;
border-bottom: 0.1em solid $color__black;
&:first-of-type {
border-top: 0.1em solid $color__black;
@ -316,7 +319,7 @@
border-bottom: none;
}
p {
//font-size: 1.5em;
//font-size: $font__size-body * 1.5;
}
.activity-organizer, .organiza-activitat {
}
@ -453,7 +456,7 @@
.xarxaprod-convo-info-fields,
.xarxaprod-agenda-info {
li {
font-size: 1.5em;
font-size: $font__size-body*1.5;
}
}
@ -473,13 +476,13 @@
.xarxaprod-card-each {
flex-direction: row-reverse;
header,.entry-header {
width: 60%;
width: 50%;
}
.activity-organizer, .organiza-activitat {
width: 24%;
width: 30%;
}
.agenda-date, .agenda-data {
width: 15%;
width: 17%;
}
}
}

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

@ -70,7 +70,7 @@
> section {
padding: 0;
> header {
padding: 2em 0;
padding: 1em 0;
}
}
}
@ -111,7 +111,7 @@
.archive-posts {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap * 3;
gap: $grid__gap * 1.5;
}
}
@media screen and (max-width: 48em) {

2
sass/style.scss
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
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.4
Version: 1.4.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later

47
style.css
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
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.4
Version: 1.4.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
@ -555,11 +555,10 @@ textarea {
section.last-convos h2 a::after {
display: inline-block;
align-self: center;
justify-self: center;
font-size: 0.4em;
font-size: 0.8rem;
color: #fff;
background-color: #000;
padding: 0.4em;
padding: 0.6em 0.8em;
}
[lang="ca"] section.agenda h2 a::after {
@ -598,7 +597,7 @@ textarea {
h3,
.h3 {
font-size: 1.5rem;
font-size: 1.4rem;
}
h4,
@ -915,7 +914,7 @@ dd {
ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
font-size: 0.8rem;
}
ul[id*="menu-social-media"] {
@ -947,7 +946,7 @@ dd {
height: 100%;
width: 100%;
color: #000;
font-size: 1em;
font-size: 1rem;
font-weight: 900;
}
@ -1046,8 +1045,9 @@ input[type="submit"],
border-radius: 0;
background: #000;
color: #fff;
font-size: 0.9rem;
line-height: 1;
padding: 0.5em;
padding: 0.6em;
margin: 0;
}
@ -1256,7 +1256,7 @@ textarea {
}
.site-main > section > header {
padding: 2em 0;
padding: 1em 0;
}
.site-footer {
@ -1306,7 +1306,7 @@ textarea {
.archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
gap: 1.5rem;
}
}
@ -1797,10 +1797,14 @@ textarea {
.xarxaprod-card-each .entry-title,
.xarxaprod-card-each h6 {
margin: 0;
padding: 0.5rem 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000;
}
.xarxaprod-card-each .xarxaprod-deadline {
text-transform: uppercase;
}
.xarxaprod-card-each p {
padding: 0.5rem 0;
margin: 0;
@ -1809,6 +1813,7 @@ textarea {
.xarxaprod-card-each .excerpt {
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
.xarxaprod-card-each .more-link {
@ -1885,7 +1890,7 @@ textarea {
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid #000;
font-size: 1em;
font-size: 1rem;
}
.xarxaprod-convo-info-fields li:last-of-type,
@ -1946,7 +1951,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact li,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services li {
display: grid;
font-size: 1em;
font-size: 1rem;
border: none;
border-top: 0.05em solid #000;
margin: 0;
@ -1957,7 +1962,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-contact p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services h6,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info .xarxaprod-associat-services p {
font-size: 1em;
font-size: 1rem;
margin: 0;
padding: 0;
}
@ -1976,7 +1981,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link p,
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link a {
margin: 0.5em;
font-size: 1em;
font-size: 1rem;
}
/*
@ -2023,7 +2028,7 @@ textarea {
.category-agenda .wp-block-post-title,
.category-agenda-es .wp-block-post-title {
text-transform: lowercase;
font-size: 1.5em;
font-size: 1.5rem;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 0.05em solid #000;
@ -2053,7 +2058,7 @@ textarea {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1em 0;
padding: 0.2em 0;
border-bottom: 0.1em solid #000;
}
@ -2209,7 +2214,7 @@ textarea {
.xarxaprod-convo-info-fields li,
.xarxaprod-agenda-info li {
font-size: 1.5em;
font-size: 1.5rem;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
@ -2226,17 +2231,17 @@ textarea {
.xarxaprod-agenda .xarxaprod-card-each header,
.xarxaprod-agenda .xarxaprod-card-each .entry-header {
width: 60%;
width: 50%;
}
.xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
.xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
width: 24%;
width: 30%;
}
.xarxaprod-agenda .xarxaprod-card-each .agenda-date,
.xarxaprod-agenda .xarxaprod-card-each .agenda-data {
width: 15%;
width: 17%;
}
}

2
style.css.map
View File

File diff suppressed because one or more lines are too long

7
template-parts/section-last-convos.php
View File

@ -90,7 +90,7 @@
<?php if( get_field('xxp_convo_apply_begin') || get_field('xxp_convo_apply_end') ): ?>
<h6>Deadline:
<h6 class="xarxaprod-deadline">Deadline:
<?php //the_field('xxp_convo_apply_begin'); ?>
<?php the_field('xxp_convo_apply_end'); ?>
</h6>
@ -101,8 +101,9 @@
<?php endif; ?>
<section class="excerpt post-excerpt">
<?php //the_excerpt() ?>
<?php echo wp_trim_words(get_the_excerpt(), 30); // https://developer.wordpress.org/reference/functions/wp_trim_words/?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="">
<?php echo wp_trim_words(get_the_excerpt(), 16); // https://developer.wordpress.org/reference/functions/wp_trim_words/?>
</a>
</section>
<aside class="convo-sector convo-field">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_field') ); ?>