//grid to show on desktop size only
@media (min-width: @xf-responsiveMedium)
{
//only affects foum_list and forum_view not other pages or widgets.
[data-template="forum_list" ] .p-body-pageContent,[data-template="forum_view" ] .p-body-pageContent
{
// display as grid - two times auto for two column, 3 x for three column auto for 3 column grid
.block-body
{
display: grid;
gap:5px;
grid-template-columns: auto auto auto;
}
// this makes bg visible between nodes same as page and removes border
.block-container
{
background-color:@xf-pageBg;
border:0
}
//bg of nodes
.node--forum,.node--link,.node--search
{
background-color:@xf-contentBg;
}
.node+.node
{
border-top:0
}
//end of affecting only forum_list and forum_view
}
// end desktop only
}
//category header flat background and filter bar
h2.block-header,.block-filterBar
{
background:@xf-majorHeadingBg
}
//remove info (for less cluttered display when 3 columns)
.node-extra,.node-stats,.node-statsMeta
{
display:none
}
// separate threads
.structItem
{background-color:@xf-contentBg;
margin-bottom:5px;}