discourse-subscriptions/assets/stylesheets/common/discourse-patrons-layout.scss

41 lines
586 B
SCSS

.discourse-patrons-section-columns {
display: flex;
justify-content: space-between;
@include breakpoint(medium) {
flex-direction: column;
}
.section-column {
min-width: calc(50% - 0.5em);
max-width: 100%;
&:last-child {
margin-left: 0.5em;
}
&:first-child {
margin-right: 0.5em;
}
@include breakpoint(medium) {
min-width: 100%;
&:last-child {
order: 2;
}
&:first-child {
order: 1;
}
}
}
}
#product-list {
padding: 40px 120px;
.product {
margin-bottom: 60px;
}
}