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

195 lines
3.7 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;
}
.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;
}
}
.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;
}
}
.oficina-suport-label {
}
.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);
}
/* contact forms styles
* 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;
}
}
@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);
}
//}
}