xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled titles from sections forms in small, medium and big screens

This commit is contained in:
jorge 2023-01-15 20:46:57 +01:00
parent ab55469ae9
commit e0f6b66749
5 changed files with 43 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
adminstyles.css
View File

@ -1403,9 +1403,6 @@ Add your custom styles in this file so it is easier to update the theme.
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */
/* filters form custom fields /* filters form custom fields
*/
/* contact forms styles used in wp backend with CF7
* add class constactform-WHATEVER to apply
*/ */
} }
.edit-post-visual-editor__content-area .sticky { .edit-post-visual-editor__content-area .sticky {
@ -1485,10 +1482,12 @@ Add your custom styles in this file so it is easier to update the theme.
display: grid; display: grid;
grid: 1fr; grid: 1fr;
} }
.edit-post-visual-editor__content-area .ofisuport-fund-filter { .edit-post-visual-editor__content-area .ofisuport-filters section {
display: grid; margin: 1em 0;
grid-template-columns: repeat(1, 1fr); }
gap: 1rem; .edit-post-visual-editor__content-area .ofisuport-filters .oficinasuport-titol-opcions {
max-width: 13em;
margin-bottom: 0;
} }
.edit-post-visual-editor__content-area .archive-posts { .edit-post-visual-editor__content-area .archive-posts {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
@ -1510,7 +1509,6 @@ Add your custom styles in this file so it is easier to update the theme.
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
.edit-post-visual-editor__content-area .ofisuport-filters section { .edit-post-visual-editor__content-area .ofisuport-filters section {
display: inline-block; display: inline-block;
margin: 0.5em 0;
} }
.edit-post-visual-editor__content-area .ofisuport-filters section h5 { .edit-post-visual-editor__content-area .ofisuport-filters section h5 {
display: inline-block; display: inline-block;
@ -1525,11 +1523,18 @@ Add your custom styles in this file so it is easier to update the theme.
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.edit-post-visual-editor__content-area .ofisuport-filters {
padding-right: 2em;
}
.edit-post-visual-editor__content-area .ofisuport-filters section {
margin: 1em 0;
}
.edit-post-visual-editor__content-area .ofisuport-filtered-funds { .edit-post-visual-editor__content-area .ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.edit-post-visual-editor__content-area .archive-posts { .edit-post-visual-editor__content-area .archive-posts {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-gap: 3em;
} }
} }

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

87
sass/components/content/_posts-and-pages.scss
View File

@ -90,10 +90,14 @@
display:grid; display:grid;
grid: 1fr; grid: 1fr;
} }
.ofisuport-fund-filter { .ofisuport-filters{
display: grid; section {
grid-template-columns: repeat(1 , 1fr); margin: 1em 0;
gap: $grid__gap; }
.oficinasuport-titol-opcions {
max-width: 13em;
margin-bottom: 0;
}
} }
.archive-posts { .archive-posts {
grid-template-columns: repeat(1 , 1fr); grid-template-columns: repeat(1 , 1fr);
@ -111,65 +115,6 @@
border: 1px solid $color__border-button; border: 1px solid $color__border-button;
text-transform: uppercase; text-transform: uppercase;
} }
/* contact forms styles used in wp backend with CF7
* add class constactform-WHATEVER to apply
*/
//.contactform {
// margin-bottom: 1rem;
// br {
// display: none;
// }
// p {
// display: block;
// break-inside: avoid-column;
// margin-top: 0;
// }
// .break-after-column, .saltar-columna{
// break-after:column;
// }
//}
//.contactform-consultoria {
// .contactform-name, .contactform-email {
// max-width: 40%;
// display: inline-block;
// }
// .contactform-name {
// float: left;
// }
// .contactform-email {
// float:right;
// margin-bottom: 1rem;
// }
// .contactform-message {
// }
//}
//.contactform-acceptance {
// display: flex;
// align-items: center;
// justify-content: end;
//}
//.contactform-fund-info {
// display: inline-block;
// column-count: 2;
// .contactform-descripcio textarea {
// display: inline-block;
// min-height: 19rem;
// }
//}
//.contactform-fund-options {
// column-count: 4;
// p{
// display: inline-block;
// }
// .wpcf7-list-item {
// display:block;
// label {
// display: flex;
// flex-direction: row-reverse;
// justify-content: left;
// }
// }
//}
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
@ -178,7 +123,6 @@
.ofisuport-filters { .ofisuport-filters {
section { section {
display: inline-block; display: inline-block;
margin: 0.5em 0;
h5 { h5 {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
@ -194,28 +138,27 @@
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em
//.page-template-funds-search { .ofisuport-filters{
padding-right: 2em;
section {
margin: 1em 0;
}
}
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.ofisuport-fund-filter {
}
.archive-posts { .archive-posts {
grid-template-columns: repeat(2 , 1fr); grid-template-columns: repeat(2 , 1fr);
grid-gap: 3em;
} }
//}
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
//only bigger than 80rem //only bigger than 80rem
//.page-template-funds-search {
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
} }
.ofisuport-fund-filter {
}
.archive-posts { .archive-posts {
grid-template-columns: repeat(3 , 1fr); grid-template-columns: repeat(3 , 1fr);
} }
//}
} }

21
style.css
View File

@ -1417,10 +1417,12 @@ textarea {
display: grid; display: grid;
grid: 1fr; grid: 1fr;
} }
.ofisuport-fund-filter { .ofisuport-filters section {
display: grid; margin: 1em 0;
grid-template-columns: repeat(1, 1fr); }
gap: 1rem; .ofisuport-filters .oficinasuport-titol-opcions {
max-width: 13em;
margin-bottom: 0;
} }
.archive-posts { .archive-posts {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
@ -1437,15 +1439,11 @@ textarea {
border: 1px solid #000; border: 1px solid #000;
text-transform: uppercase; text-transform: uppercase;
} }
/* contact forms styles used in wp backend with CF7
* add class constactform-WHATEVER to apply
*/
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
.ofisuport-filters section { .ofisuport-filters section {
display: inline-block; display: inline-block;
margin: 0.5em 0;
} }
.ofisuport-filters section h5 { .ofisuport-filters section h5 {
display: inline-block; display: inline-block;
@ -1460,11 +1458,18 @@ textarea {
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.ofisuport-filters {
padding-right: 2em;
}
.ofisuport-filters section {
margin: 1em 0;
}
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.archive-posts { .archive-posts {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-gap: 3em;
} }
} }

2
style.css.map
View File

File diff suppressed because one or more lines are too long