1/* ***************************************
2	LAYOUT COLUMNS
3*************************************** */
4.elgg-layout-sidebar,
5.elgg-layout-sidebar-alt,
6.elgg-layout-body {
7	padding: 0.5rem;
8}
9
10.elgg-layout-sidebar,
11.elgg-layout-sidebar-alt {
12	border-top: 1px solid $(border-color-soft);
13}
14
15.elgg-layout-columns {
16	display: flex;
17	align-items: stretch;
18	flex-direction: column;
19
20	> .elgg-body {
21		flex: 1;
22	}
23
24	> .elgg-sidebar {
25		float: none;
26		order: 1;
27	}
28
29	> .elgg-sidebar {
30		order: 2;
31	}
32
33	> .elgg-sidebar-alt {
34		order: 0;
35	}
36}
37
38@media $(media-desktop-up) {
39	.elgg-layout-columns {
40		flex-direction: row;
41	}
42
43	.elgg-layout-sidebar,
44	.elgg-layout-sidebar-alt,
45	.elgg-layout-body {
46		min-height: calc(100vh - 8rem);
47	}
48
49	.elgg-layout-sidebar {
50		border-top: none;
51		padding: 0;
52		width: 18rem;
53		margin-left: 2rem;
54	}
55
56	.elgg-layout-sidebar-alt {
57		padding: 0;
58		border-top: none;
59		max-width: 18rem;
60		margin-right: 2rem;
61	}
62
63	.elgg-layout-body {
64		padding: 0;
65	}
66}
67