ordered layout css properties

This commit is contained in:
jorge-vitrubio 2024-03-13 20:31:52 +01:00
parent 7b67eb1895
commit b7cd4bdf8c
4 changed files with 50 additions and 57 deletions

View File

@ -1272,20 +1272,6 @@ Add your custom styles in this file so it is easier to update the theme.
grid-column: 1 / -1;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site :where(.wp-block-columns.is-layout-flex) {
gap: 2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site .xarxaprod-destacats,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site .xarxaprod-featured,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site .xarxaprod-last-convos,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site .xarxaprod-ultimes-convocatories,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site .archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
position: sticky;
top: 0;
@ -1393,6 +1379,20 @@ 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 ul[id*="menu-social-media"] li a {
font-size: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper :where(.wp-block-columns.is-layout-flex) {
gap: 2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-destacats,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-featured,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-last-convos,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-ultimes-convocatories,
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}
}
@media screen and (max-width: 48em) {
@ -1425,10 +1425,6 @@ Add your custom styles in this file so it is easier to update the theme.
grid-column: 1 / -1;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site :where(.wp-block-columns.is-layout-flex) {
gap: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
@ -1469,6 +1465,10 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 0 auto;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper :where(.wp-block-columns.is-layout-flex) {
gap: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-destacats,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-featured,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-last-convos,

File diff suppressed because one or more lines are too long

View File

@ -31,16 +31,6 @@
> footer {
grid-column: 1 / -1;
}
:where(.wp-block-columns.is-layout-flex) {
gap: $grid__gap * 2;
}
.xarxaprod-destacats,.xarxaprod-featured,
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap * 3;
}
}
.site-header {
position: sticky;
@ -138,6 +128,16 @@
}
}
}
}//end .site-footer
:where(.wp-block-columns.is-layout-flex) {
gap: $grid__gap * 2;
}
.xarxaprod-destacats,.xarxaprod-featured,
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap * 3;
}
}
@media screen and (max-width: 48em) {
@ -147,18 +147,12 @@
padding-right: 1em;
}
}
.site-main {
}
.site-footer {
.is-layout-flex {
flex-flow: column;
align-items: flex-start;
}
}
.page-template-funds-search {
}
.home-featured {
}
}
@media screen and (min-width: 48em) {
//only bigger than 48em
@ -176,13 +170,9 @@
> footer {
grid-column: 1 / -1;
}
:where(.wp-block-columns.is-layout-flex) {
gap: $grid__gap * 4;
}
}
.site-header {
display: grid;
//grid-template-columns: 1fr 2fr 2fr 1fr;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-template-areas:
"main "
@ -219,6 +209,9 @@
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

@ -1131,20 +1131,6 @@ textarea {
grid-column: 1 / -1;
}
.site :where(.wp-block-columns.is-layout-flex) {
gap: 2rem;
}
.site .xarxaprod-destacats,
.site .xarxaprod-featured,
.site .xarxaprod-last-convos,
.site .xarxaprod-ultimes-convocatories,
.site .archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}
.site-header {
position: sticky;
top: 0;
@ -1252,6 +1238,20 @@ textarea {
.site-footer ul[id*="menu-social-media"] li a {
font-size: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2rem;
}
.xarxaprod-destacats,
.xarxaprod-featured,
.xarxaprod-last-convos,
.xarxaprod-ultimes-convocatories,
.archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}
}
@media screen and (max-width: 48em) {
@ -1284,10 +1284,6 @@ textarea {
grid-column: 1 / -1;
}
.site :where(.wp-block-columns.is-layout-flex) {
gap: 4rem;
}
.site-header {
display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
@ -1328,6 +1324,10 @@ textarea {
margin: 0 auto;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 4rem;
}
.xarxaprod-destacats,
.xarxaprod-featured,
.xarxaprod-last-convos,