Шаблон:заглавная/styles.css

Вернуться

Строка 31: Строка 31:
}
}


/* Базово: 3 элемента в ряд (2/6 колонки на элемент) */
/* Только кнопки */
.главная-враппер-сообщества-Кнопки > * {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка {
grid-column: span 2;
grid-column: span 2; /* 3 в ряд */
min-width: 0;
min-width: 0;
}
}


/* Если в последнем ряду 2 элемента (например, всего 5) — по половине строки */
/* Если в последнем ряду 2 кнопки (например всего 5) -> по 50% */
.главная-враппер-сообщества-Кнопки > :nth-last-child(2):nth-child(3n + 1),
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:nth-last-of-type(2):nth-of-type(3n + 1),
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 2) {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:last-of-type:nth-of-type(3n + 2) {
grid-column: span 3;
grid-column: span 3;
}
}


/* Если в последнем ряду 1 элемент — на всю строку */
/* Если в последнем ряду 1 кнопка -> на всю ширину */
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 1) {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:last-of-type:nth-of-type(3n + 1) {
grid-column: 1 / -1;
grid-column: 1 / -1;
}
}
Строка 53: Строка 53:
}
}


.главная-враппер-сообщества-Кнопки > * {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка {
grid-column: span 1;
grid-column: span 1;
}
}


.главная-враппер-сообщества-Кнопки > :nth-last-child(2):nth-child(3n + 1),
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:nth-last-of-type(2):nth-of-type(3n + 1),
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 2),
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:last-of-type:nth-of-type(3n + 2),
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 1) {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка:last-of-type:nth-of-type(3n + 1) {
grid-column: span 1;
grid-column: span 1;
}
}
Строка 69: Строка 69:
}
}


.главная-враппер-сообщества-Кнопки > * {
.главная-враппер-сообщества-Кнопки > .красивая-кнопка {
grid-column: 1 / -1;
grid-column: 1 / -1;
}
}