@fox-sticky-top: 48px;
@media (min-width: (@xf-responsiveWide + 1px)) {
.p-body-main--withSidebar {
display: flex;
align-items: flex-start;
.p-body-content {
flex: 1 1 auto;
display: block;
width: ~"calc(100% - @xf-sidebarWidth)";
}
.p-body-sideNav,
.p-body-sidebar {
flex: 0 0 auto;
display: block;
}
@supports ((position: sticky) or (position: -webkit-sticky)){
.p-body-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px;
& when (@xf-publicNavSticky = primary) or (@xf-publicNavSticky = all) {
top: @fox-sticky-top * 1px + 10px;
}
}
}
}
}