oficinasuport-wp-theme/sass/components/content/_posts-and-pages.scss

222 lines
4.5 KiB
SCSS

@media screen {
.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* used in
* ./template-parts/section-eachpost.php
* */
.ofisuport-card-each {
.entry-title,h6 {
border-bottom: 1px solid $color__black;
margin: 0;
padding: 0.5rem 0;
}
p {
padding: 0.5rem 0;
margin:0;
}
}
/* used in
* ./template-parts/content-ofisuport-ajut.php
* ./template-parts/section-eachpost.php
* */
.ofisuport-fund-info-fields,
.ofisuport-fund-info-contact-fields {
display: grid;
.ofisuport-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid $color__black;
}
h6 {
font-size: 2.4rem;
font-variant: all-petite-caps;
}
p {
margin: 0.5rem 0 0 0;
}
li {
font-size: 1.3rem;
}
}
.ofisuport-fund-info-contact-fields {
.ofisuport-fund-info-field {
margin: 0;
}
}
.ofisuport-fund-info-fields {
.ofisuport-fund-info-field {
margin: 1rem 0 0.5rem 0;
}
}
.ofisuport-funder-name,
.ofisuport-fund-contact-name,
.ofisuport-fund-web {
display: flex;
margin:0;
padding: 0;
font-variant: all-petite-caps;
font-size: 1.1rem;
line-height: 0.9;
align-items: center;
a {
text-decoration: none;
font-size: 0.8rem;
}
}
/* filters form custom fields
*/
.ofisuport-filtered-funds {
display:grid;
grid: 1fr;
}
.ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
}
.archive-posts {
grid-template-columns: repeat(1 , 1fr);
}
.oficinasuport-titol-opcions {
/* applied in forms and contactforms */
display: inline-block;
width: 100%;
margin-bottom: 1rem;
padding: 0.6em 1em 0.4em;
clear: both;
font-family: $font__black;
font-size: $font__size-body*0.9;
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) {
//only smaller than 48em
.ofisuport-filters {
section {
display: inline-block;
margin: 0.5em 0;
h5 {
display: inline-block;
width: 100%;
}
.filter {
display: inline-block;
width: 45%;
margin-right: 0.3em;
float: left;
}
}
}
}
@media screen and (min-width: 48em) {
//only bigger than 48em
//.page-template-funds-search {
.ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr;
}
.ofisuport-fund-filter {
}
.archive-posts {
grid-template-columns: repeat(2 , 1fr);
}
//}
}
@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);
}
//}
}