ordered layout css properties
This commit is contained in:
parent
7b67eb1895
commit
b7cd4bdf8c
|
@ -1272,20 +1272,6 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
grid-column: 1 / -1;
|
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 {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
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 {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-social-media"] li a {
|
||||||
font-size: 0;
|
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) {
|
@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;
|
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 {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
|
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;
|
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-destacats,
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-featured,
|
.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-last-convos,
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -31,16 +31,6 @@
|
||||||
> footer {
|
> footer {
|
||||||
grid-column: 1 / -1;
|
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 {
|
.site-header {
|
||||||
position: sticky;
|
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) {
|
@media screen and (max-width: 48em) {
|
||||||
|
@ -147,18 +147,12 @@
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.site-main {
|
|
||||||
}
|
|
||||||
.site-footer {
|
.site-footer {
|
||||||
.is-layout-flex {
|
.is-layout-flex {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.page-template-funds-search {
|
|
||||||
}
|
|
||||||
.home-featured {
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 48em) {
|
@media screen and (min-width: 48em) {
|
||||||
//only bigger than 48em
|
//only bigger than 48em
|
||||||
|
@ -176,13 +170,9 @@
|
||||||
> footer {
|
> footer {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
}
|
}
|
||||||
:where(.wp-block-columns.is-layout-flex) {
|
|
||||||
gap: $grid__gap * 4;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.site-header {
|
.site-header {
|
||||||
display: grid;
|
display: grid;
|
||||||
//grid-template-columns: 1fr 2fr 2fr 1fr;
|
|
||||||
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
|
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"main "
|
"main "
|
||||||
|
@ -219,6 +209,9 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
:where(.wp-block-columns.is-layout-flex) {
|
||||||
|
gap: $grid__gap * 4;
|
||||||
|
}
|
||||||
.xarxaprod-destacats,.xarxaprod-featured,
|
.xarxaprod-destacats,.xarxaprod-featured,
|
||||||
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
|
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
|
||||||
.archive-posts {
|
.archive-posts {
|
||||||
|
|
36
style.css
36
style.css
|
@ -1131,20 +1131,6 @@ textarea {
|
||||||
grid-column: 1 / -1;
|
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 {
|
.site-header {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -1252,6 +1238,20 @@ textarea {
|
||||||
.site-footer ul[id*="menu-social-media"] li a {
|
.site-footer ul[id*="menu-social-media"] li a {
|
||||||
font-size: 0;
|
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) {
|
@media screen and (max-width: 48em) {
|
||||||
|
@ -1284,10 +1284,6 @@ textarea {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site :where(.wp-block-columns.is-layout-flex) {
|
|
||||||
gap: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-header {
|
.site-header {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
|
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
|
||||||
|
@ -1328,6 +1324,10 @@ textarea {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:where(.wp-block-columns.is-layout-flex) {
|
||||||
|
gap: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
.xarxaprod-destacats,
|
.xarxaprod-destacats,
|
||||||
.xarxaprod-featured,
|
.xarxaprod-featured,
|
||||||
.xarxaprod-last-convos,
|
.xarxaprod-last-convos,
|
||||||
|
|
Loading…
Reference in New Issue