79 lines
1.6 KiB
SCSS
79 lines
1.6 KiB
SCSS
// header.site-header-container{
|
|
// @include xy-grid-container($global-wider-width);
|
|
// }
|
|
.main-container {
|
|
@include xy-grid-container();
|
|
}
|
|
|
|
.main-grid {
|
|
@include xy-grid();
|
|
@include xy-gutters(0);
|
|
margin-top: 1rem;
|
|
|
|
@include breakpoint(medium) {
|
|
margin-top: 3rem;
|
|
min-height: 30vh;
|
|
}
|
|
|
|
&.sidebar-left {
|
|
// Place the sidebar below main content on small screens ...
|
|
@include breakpoint(small) {
|
|
.main-content { order: 1; }
|
|
.sidebar { order: 2; }
|
|
}
|
|
|
|
// ... and to the left on medium-up screens, when using the sidebar-left template
|
|
@include breakpoint(medium) {
|
|
.main-content { order: 2; }
|
|
.sidebar { order: 1; }
|
|
}
|
|
}
|
|
|
|
// Default template
|
|
.main-content {
|
|
.bfr_category_title {
|
|
display:none;
|
|
}
|
|
.entry-content {
|
|
a {
|
|
&:not(.button) {
|
|
background-color: scale-color($secondary-color, $lightness: +70%);
|
|
img {
|
|
background-color: $body-background;
|
|
}
|
|
&:hover {
|
|
background-color: scale-color($secondary-color, $lightness: +20%);
|
|
}
|
|
}
|
|
}
|
|
.mejs-container {
|
|
a {
|
|
background-color: unset;
|
|
&:hover {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@include breakpoint(small) {
|
|
@include xy-cell(12);
|
|
}
|
|
|
|
@include breakpoint(medium) {
|
|
@include xy-cell(12);
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
@include breakpoint(small) {
|
|
@include xy-cell(12);
|
|
}
|
|
|
|
@include breakpoint(medium) {
|
|
@include xy-cell(4);
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
}
|
|
}
|