dacota
Проверенные
- Сообщения
- 8
- Реакции
- 0
- Баллы
- 58
Доброго времени суток. Использовал данный код для отображения подразделов в 2 колонки. Собственно вот код
В чем вопрос. Можно ли с этого кода сделать не 2 колонки подфорумов,а 3 колонки( прошу по возможности подсказать код, что надо добавить ). И что в коде надо убрать чтобы исчез блок как на примере.
Less:
.block {
&--category {
.block-body {
display: flex;
flex-direction: inherit;
flex-wrap: wrap;
.node {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
float: left;
margin: 0;
padding: 0 3px;
width: 50%;
@media (max-width: @xf-responsiveMedium) {
width: 100%;
}
& + .node {
border-top: transparent;
}
&-body {
display: flex;
flex-wrap: wrap;
table-layout: fixed;
width: 100%;
border: 1px solid #ffffff;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
margin-top: 5px;
overflow: hidden;
padding: 0;
}
&-main {
flex: 1 1 0;
}
&-stats {
float: left;
margin-left: 20px;
width: 100%;
.pairs--rows {
display: block;
margin: inherit;
width: auto;
dt {
display: none;
}
dd:before {
color: #6b8799;
display: inline;
font-size: 15px;
padding-right: 2px;
.m-faBase();
}
&:nth-child(1) > dd:before {
content: "\f27a";
}
&:nth-child(2) > dd:before {
content: "\f086"; // \f0e6 - XF 2.0
}
}
}
&-extra {
display: flex;
flex-direction: column;
height: auto;
min-height: 56px;
width: 100%;
border-top: 1px solid #ffffff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
}
}
}
}
Вложения
Последнее редактирование модератором: