unified borders gaps and modified spaces

This commit is contained in:
Jorge vitrubio.net 2024-04-01 15:54:23 +02:00
parent 54922ca5f1
commit 51d0ba24e2
10 changed files with 95 additions and 79 deletions

View File

@ -745,7 +745,7 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 1.2rem 0;
font-size: 2rem;
line-height: 1.2;
border-bottom: 0.6rem solid #000;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
@ -839,7 +839,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 .home-featured h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured .h2 {
font-size: 3.5rem;
border-bottom: 0.8rem solid #000;
border-bottom: 0.05em solid #000;
}
}
@ -1340,7 +1340,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-search-form .search-submit {
z-index: 10;
margin: 0;
margin: 0 0 0 -3rem;
border: none;
width: 2.5rem;
height: 2.5rem;
@ -1358,6 +1358,7 @@ Add your custom styles in this file so it is easier to update the theme.
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
color: #666;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
@ -1510,7 +1511,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-footer .site-info > section {
margin-top: 2em;
padding: 2em 4em;
border-top: 0.1em solid #fff;
border-top: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer a {
@ -1592,8 +1593,6 @@ 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-header {
margin: auto;
margin-bottom: 2rem;
padding: 0;
}
@ -1612,8 +1611,12 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > article {
padding-bottom: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section {
padding: 4em 0;
padding-bottom: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
@ -1880,7 +1883,7 @@ Add your custom styles in this file so it is easier to update the theme.
right: 0.3em;
width: 0.3em;
height: 0.3em;
border: 1px solid #000;
border: 0.05em solid #000;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);
@ -2080,11 +2083,15 @@ Add your custom styles in this file so it is easier to update the theme.
flex-direction: column;
}
.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 {
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title {
margin: 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000;
padding: 0 0 0.5rem 0;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 {
padding: 0.5rem 1rem 0.5rem 0;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .xarxaprod-deadline {
@ -2097,7 +2104,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;
border-bottom: 0.05em solid #000;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
@ -2114,7 +2121,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-fund-info-fields .xarxaprod-fund-info-field,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid #000;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields h6,
@ -2352,11 +2359,11 @@ Add your custom styles in this file so it is easier to update the theme.
flex-direction: column;
justify-content: space-between;
padding: 0.2em 0;
border-bottom: 0.1em solid #000;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each:first-of-type {
border-top: 0.1em solid #000;
border-top: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each > * {
@ -2407,7 +2414,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-filters section {
margin: 1em 0;
margin: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section .filter {
@ -2421,9 +2428,8 @@ 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-titol-opcions {
display: inline-block;
width: 100%;
max-width: 13em;
margin-bottom: 0;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
padding: 0.6em 1em 0.4em;
clear: both;
cursor: pointer;
@ -2495,12 +2501,9 @@ Add your custom styles in this file so it is easier to update the theme.
padding-right: 2em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section {
margin: 1em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
gap: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
@ -2544,6 +2547,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-filtered-content {
grid-template-columns: 1fr 3fr;
gap: 6rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -43,7 +43,7 @@ input[type="submit"],
}
.search-submit{
z-index: 10;
margin: 0rem;
margin: 0 0 0 -3rem;
border: none;
width: 2.5rem;
height: 2.5rem;
@ -63,6 +63,7 @@ input[type="submit"],
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
color: $color__grey-dark;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);

View File

@ -100,7 +100,8 @@
margin: 1.2rem 0;
font-size: $font__size-body*2;
line-height: 1.2;
border-bottom: 0.6rem solid $color__black;
border-bottom: $border__line;
//border-bottom: 0.6rem solid $color__black;
}
}
@ -193,7 +194,8 @@
.home-featured {
h2,.h2 {
font-size: $font__size-body*3.5;
border-bottom: 0.8rem solid $color__black;
//border-bottom: 0.8rem solid $color__black;
border-bottom: $border__line;
}
}
}

View File

@ -54,7 +54,7 @@
display:inline-grid;
&:after {
content: "";
border-bottom:0.05em solid $color__black;
border-bottom: $border__line;
width: 100%;
position: absolute;
bottom: 0;
@ -91,10 +91,14 @@
.xarxaprod-card-each {
display: flex;
flex-direction: column;
.entry-title,h6 {
.entry-title {
margin: 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid $color__black;
padding: 0 0 0.5rem 0;
border-bottom: $border__line;
}
h6 {
padding: 0.5rem 1rem 0.5rem 0;
border-bottom: $border__line;
}
.xarxaprod-deadline {
text-transform: uppercase;
@ -104,7 +108,7 @@
margin:0;
}
.excerpt {
border-bottom: 1px solid $color__black;
border-bottom: $border__line;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
@ -123,7 +127,7 @@
display: grid;
.xarxaprod-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid $color__black;
border-bottom: $border__line;
}
h6 {
font-size: $font__size-body*2.4;
@ -169,10 +173,12 @@
display:grid;
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid $color__black;
//border-top: 0.05em solid $color__black;
border-top: $border__line;
font-size: $font__size-body*1;
&:last-of-type{
border-bottom: 0.05em solid $color__black;
//border-bottom: 0.05em solid $color__black;
border-bottom: $border__line;
}
.xarxaprod-label li {
display: inherit;
@ -318,11 +324,13 @@
font-size: $font__size-body*1.5;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 0.05em solid $color__black;
//border-bottom: 0.05em solid $color__black;
border-bottom: $border__line;
}
.wp-block-post-excerpt {
margin: 0.5em 0;
border-bottom: 0.05em solid $color__black;
//border-bottom: 0.05em solid $color__black;
border-bottom: $border__line;
}
.wp-block-read-more {
margin: 1em 0;
@ -338,9 +346,11 @@
flex-direction: column;
justify-content: space-between;
padding: 0.2em 0;
border-bottom: 0.1em solid $color__black;
//border-bottom: 0.1em solid $color__black;
border-bottom: $border__line;
&:first-of-type {
border-top: 0.1em solid $color__black;
//border-top: 0.1em solid $color__black;
border-top: $border__line;
}
> * {
display: inline-flex;
@ -398,7 +408,7 @@
}
.xarxaprod-filters {
section {
margin: 1em 0;
margin: 0;
.filter {
display: none;
}
@ -413,9 +423,8 @@
// applied in forms and contactforms
display: inline-block;
width: 100%;
max-width: 13em;
margin-bottom: 0;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
padding: 0.6em 1em 0.4em;
clear: both;
cursor: pointer;
@ -481,11 +490,11 @@
.xarxaprod-filters {
padding-right: 2em;
section {
margin: 1em 0;
}
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
gap: $grid__gap * 4;
}
.archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr));
@ -528,6 +537,7 @@
//only bigger than 80rem
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
gap: $grid__gap * 6;
.archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr));
&.archive-xarxaprod-associats,&.archive-custom-post-type-associat {

View File

@ -239,7 +239,7 @@
right: 0.3em;
width: 0.3em;
height: 0.3em;
border: 1px solid $color__black;
border: $border__line; //1px solid $color__black;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);

View File

@ -87,7 +87,7 @@
&> section {
margin-top: 2em;
padding: 2em 4em;
border-top: 0.1em solid $color__white;
border-top: $border__line;
}
}
a {
@ -147,9 +147,7 @@
}
}
.site {
//grid-template-columns: 1fr 2fr 2fr 1fr;
> header {
//grid-column: 1 / -1;
grid-column: 2 / 4;
}
> main {
@ -163,8 +161,6 @@
}
}
.site-header {
margin: auto;
margin-bottom: 2rem;
padding: 0;
.main {
@ -179,8 +175,11 @@
}
.site-main {
padding: 0;
> article {
padding-bottom: 4rem;
}
> section {
padding: 4em 0;
padding-bottom: 4rem;
}
}
.site-footer {
@ -191,13 +190,9 @@
}
&.single {
.site-main {
//width: 45rem;
margin: 0 auto;
}
}
//:where(.wp-block-columns.is-layout-flex) {
// gap: $grid__gap * 4;
//}
.xarxaprod-destacats,.xarxaprod-featured,
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {

View File

@ -595,7 +595,7 @@ textarea {
margin: 1.2rem 0;
font-size: 2rem;
line-height: 1.2;
border-bottom: 0.6rem solid #000;
border-bottom: 0.05em solid #000;
}
/* entry content */
@ -697,7 +697,7 @@ textarea {
.home-featured h2,
.home-featured .h2 {
font-size: 3.5rem;
border-bottom: 0.8rem solid #000;
border-bottom: 0.05em solid #000;
}
}
@ -1201,7 +1201,7 @@ input[type="submit"]:focus,
.xarxaprod-search-form .search-submit {
z-index: 10;
margin: 0;
margin: 0 0 0 -3rem;
border: none;
width: 2.5rem;
height: 2.5rem;
@ -1219,6 +1219,7 @@ input[type="submit"]:focus,
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
color: #666;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
@ -1374,7 +1375,7 @@ textarea {
.site-footer .site-info > section {
margin-top: 2em;
padding: 2em 4em;
border-top: 0.1em solid #fff;
border-top: 0.05em solid #000;
}
.site-footer a {
@ -1456,8 +1457,6 @@ textarea {
}
.site-header {
margin: auto;
margin-bottom: 2rem;
padding: 0;
}
@ -1476,8 +1475,12 @@ textarea {
padding: 0;
}
.site-main > article {
padding-bottom: 4rem;
}
.site-main > section {
padding: 4em 0;
padding-bottom: 4rem;
}
.site-footer {
@ -1737,7 +1740,7 @@ textarea {
right: 0.3em;
width: 0.3em;
height: 0.3em;
border: 1px solid #000;
border: 0.05em solid #000;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);
@ -1906,11 +1909,15 @@ textarea {
flex-direction: column;
}
.xarxaprod-card-each .entry-title,
.xarxaprod-card-each h6 {
.xarxaprod-card-each .entry-title {
margin: 0;
padding: 0.5rem 1em 0.5em 0;
border-bottom: 1px solid #000;
padding: 0 0 0.5rem 0;
border-bottom: 0.05em solid #000;
}
.xarxaprod-card-each h6 {
padding: 0.5rem 1rem 0.5rem 0;
border-bottom: 0.05em solid #000;
}
.xarxaprod-card-each .xarxaprod-deadline {
@ -1923,7 +1930,7 @@ textarea {
}
.xarxaprod-card-each .excerpt {
border-bottom: 1px solid #000;
border-bottom: 0.05em solid #000;
margin-bottom: 0.5em;
padding: 0.5em 0;
}
@ -1945,7 +1952,7 @@ textarea {
.xarxaprod-fund-info-fields .xarxaprod-fund-info-field,
.xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid #000;
border-bottom: 0.05em solid #000;
}
.xarxaprod-fund-info-fields h6,
@ -2202,11 +2209,11 @@ textarea {
flex-direction: column;
justify-content: space-between;
padding: 0.2em 0;
border-bottom: 0.1em solid #000;
border-bottom: 0.05em solid #000;
}
.xarxaprod-agenda .xarxaprod-card-each:first-of-type {
border-top: 0.1em solid #000;
border-top: 0.05em solid #000;
}
.xarxaprod-agenda .xarxaprod-card-each > * {
@ -2259,7 +2266,7 @@ textarea {
}
.xarxaprod-filters section {
margin: 1em 0;
margin: 0;
}
.xarxaprod-filters section .filter {
@ -2273,9 +2280,8 @@ textarea {
.xarxaprod-titol-opcions {
display: inline-block;
width: 100%;
max-width: 13em;
margin-bottom: 0;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
padding: 0.6em 1em 0.4em;
clear: both;
cursor: pointer;
@ -2347,12 +2353,9 @@ textarea {
padding-right: 2em;
}
.xarxaprod-filters section {
margin: 1em 0;
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
gap: 4rem;
}
.archive-posts {
@ -2396,6 +2399,7 @@ textarea {
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
gap: 6rem;
}
.xarxaprod-filtered-content .archive-posts {

File diff suppressed because one or more lines are too long