You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
1.8 KiB
101 lines
1.8 KiB
2 years ago
|
aside {
|
||
|
|
margin-top: $global-margin;
|
||
|
|
}
|
||
|
|
main,
|
||
|
|
.region-breadcrumb,
|
||
|
|
.region-highlighted,
|
||
|
|
.region-secondary-menu {
|
||
|
|
@include xy-grid-container;
|
||
|
|
margin-top: $global-margin;
|
||
|
|
//@include xy-grid;
|
||
|
|
}
|
||
|
|
.layout-content {
|
||
|
|
@include callout();
|
||
|
|
@include padding(1, 2, 1, 2);
|
||
|
|
@include clearfix;
|
||
|
|
margin-top: $global-margin;
|
||
|
|
h1 {
|
||
|
|
border-bottom: 1px solid $medium-gray;
|
||
|
|
margin-bottom: $global-margin;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout-no-sidebars {
|
||
|
|
main {
|
||
|
|
@include xy-grid;
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell(12);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.layout-two-sidebars {
|
||
|
|
main {
|
||
|
|
@include xy-grid;
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
.layout-sidebar-first {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
.layout-sidebar-second {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
@include breakpoint(large) {
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell(8);
|
||
|
|
order: 2;
|
||
|
|
}
|
||
|
|
.layout-sidebar-first {
|
||
|
|
@include xy-cell(2);
|
||
|
|
order: 1;
|
||
|
|
}
|
||
|
|
.layout-sidebar-second {
|
||
|
|
@include xy-cell(2);
|
||
|
|
order: 3;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.layout-sidebar-left {
|
||
|
|
main {
|
||
|
|
@include xy-grid;
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
.layout-sidebar-first {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
@include breakpoint(large) {
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell(9);
|
||
|
|
order: 2;
|
||
|
|
}
|
||
|
|
.layout-sidebar-first {
|
||
|
|
@include xy-cell(3);
|
||
|
|
order: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.layout-sidebar-right {
|
||
|
|
main {
|
||
|
|
@include xy-grid;
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
.layout-sidebar-second {
|
||
|
|
@include xy-cell();
|
||
|
|
}
|
||
|
|
@include breakpoint(large) {
|
||
|
|
.layout-content {
|
||
|
|
@include xy-cell(9);
|
||
|
|
order: 1;
|
||
|
|
}
|
||
|
|
.layout-sidebar-second {
|
||
|
|
@include xy-cell(3);
|
||
|
|
order: 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|