spaced vertical columns in pages

This commit is contained in:
jorge-vitrubio 2024-03-11 09:06:49 +01:00
parent c57a313185
commit 5071aa99a9
4 changed files with 9 additions and 8 deletions

View File

@ -1284,7 +1284,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 {
display: grid;
grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer";
margin: auto;
@ -1465,7 +1465,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 {
display: grid;
grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-template-areas: "main " "secondary ";
margin: auto;
padding: 0;

File diff suppressed because one or more lines are too long

View File

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

View File

@ -1146,7 +1146,7 @@ textarea {
.site {
display: grid;
grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer";
margin: auto;
@ -1327,7 +1327,7 @@ textarea {
.site-header {
display: grid;
grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-template-areas: "main " "secondary ";
margin: auto;
padding: 0;