xarxaprod
/
oficinasuport-wp-theme
2
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-vitrubio 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
* */
/* 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 {
@ -1485,10 +1482,12 @@ Add your custom styles in this file so it is easier to update the theme.
display: grid;
grid: 1fr;
}
.edit-post-visual-editor__content-area .ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
.edit-post-visual-editor__content-area .ofisuport-filters section {
margin: 1em 0;
}
.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 {
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) {
.edit-post-visual-editor__content-area .ofisuport-filters section {
display: inline-block;
margin: 0.5em 0;
}
.edit-post-visual-editor__content-area .ofisuport-filters section h5 {
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) {
.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 {
grid-template-columns: 1fr 2fr;
}
.edit-post-visual-editor__content-area .archive-posts {
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;
grid: 1fr;
}
.ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
.ofisuport-filters{
section {
margin: 1em 0;
}
.oficinasuport-titol-opcions {
max-width: 13em;
margin-bottom: 0;
}
}
.archive-posts {
grid-template-columns: repeat(1 , 1fr);
@ -111,65 +115,6 @@
border: 1px solid $color__border-button;
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) {
@ -178,7 +123,6 @@
.ofisuport-filters {
section {
display: inline-block;
margin: 0.5em 0;
h5 {
display: inline-block;
width: 100%;
@ -194,28 +138,27 @@
}
@media screen and (min-width: 48em) {
//only bigger than 48em
//.page-template-funds-search {
.ofisuport-filters{
padding-right: 2em;
section {
margin: 1em 0;
}
}
.ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr;
}
.ofisuport-fund-filter {
}
.archive-posts {
grid-template-columns: repeat(2 , 1fr);
grid-gap: 3em;
}
//}
}
@media screen and (min-width: 80em) {
//only bigger than 80rem
//.page-template-funds-search {
.ofisuport-filtered-funds {
grid-template-columns: 1fr 3fr;
}
.ofisuport-fund-filter {
}
.archive-posts {
grid-template-columns: repeat(3 , 1fr);
}
//}
}

21
style.css
View File

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