styled cards in home page

This commit is contained in:
jorge 2024-03-10 13:34:02 +01:00
parent 8c7ed17aa0
commit 164196db21
6 changed files with 29 additions and 14 deletions

View File

@ -1104,7 +1104,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 { .edit-post-visual-editor__content-area .editor-styles-wrapper .site {
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer"; grid-template-areas: "header" "main" "aside" "footer";
margin: auto; margin: auto;
@ -1250,7 +1250,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-header { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-areas: "main " "secondary "; grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
padding: 0; padding: 0;
@ -1616,16 +1616,21 @@ Add your custom styles in this file so it is easier to update the theme.
flex-direction: column; 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, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 {
border-bottom: 1px solid #000;
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom: 1px solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each p { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .more-link { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .more-link {
margin-top: 2rem; margin-top: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-contact-fields { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-contact-fields {

File diff suppressed because one or more lines are too long

View File

@ -30,16 +30,21 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.entry-title,h6 { .entry-title,h6 {
border-bottom: 1px solid $color__black;
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom: 1px solid $color__black;
} }
p { p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin:0; margin:0;
} }
.excerpt {
border-top: 1px solid $color__black;
border-bottom: 1px solid $color__black;
margin-bottom: 0.5em;
}
.more-link { .more-link {
margin-top: 2rem; margin-top: 1rem;
} }
} }

View File

@ -9,7 +9,7 @@
.site { .site {
display: grid; display: grid;
//grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr; //grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: grid-template-areas:
"header" "header"
@ -180,7 +180,7 @@
} }
.site-header { .site-header {
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-areas: grid-template-areas:
"main " "main "
"secondary "; "secondary ";

View File

@ -1037,7 +1037,7 @@ textarea {
} }
.site { .site {
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer"; grid-template-areas: "header" "main" "aside" "footer";
margin: auto; margin: auto;
@ -1183,7 +1183,7 @@ textarea {
} }
.site-header { .site-header {
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 0.5fr; grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-areas: "main " "secondary "; grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
padding: 0; padding: 0;
@ -1540,16 +1540,21 @@ textarea {
flex-direction: column; flex-direction: column;
} }
.xarxaprod-card-each .entry-title, .xarxaprod-card-each h6 { .xarxaprod-card-each .entry-title, .xarxaprod-card-each h6 {
border-bottom: 1px solid #000;
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom: 1px solid #000;
} }
.xarxaprod-card-each p { .xarxaprod-card-each p {
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
} }
.xarxaprod-card-each .excerpt {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
}
.xarxaprod-card-each .more-link { .xarxaprod-card-each .more-link {
margin-top: 2rem; margin-top: 1rem;
} }
/* used in /* used in
* ./template-parts/content-xarxaprod-ajut.php * ./template-parts/content-xarxaprod-ajut.php

File diff suppressed because one or more lines are too long