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

Вернуться

Строка 1: Строка 1:
.главная-враппер {
.главная-враппер {
display: grid;
display: grid;
grid-template-columns: 0.85fr 1fr;
grid-template-columns: 0.85fr 1fr;
gap: 8px;
gap: 8px;
margin-bottom: 15px;
margin-bottom: 15px;
}
}


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


.главная-враппер-Кнопки, .главная-враппер-Информация {
.главная-враппер-Кнопки,
.главная-враппер-Информация {
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
Строка 25: Строка 26:
.главная-враппер-сообщества-Кнопки {
.главная-враппер-сообщества-Кнопки {
padding: 3px;
padding: 3px;
display: grid;
display: flex;
grid-template-columns: repeat(4, 1fr);
flex-wrap: wrap;
grid-template-rows: repeat(1, 1fr);
gap: 3px;
gap: 3px;
}
}


@media (max-width: 1050px) {
/* Максимум 3 элемента в ряд */
.главная-враппер-сообщества-Кнопки {
.главная-враппер-сообщества-Кнопки > * {
grid-template-columns: repeat(2, 1fr);
flex: 0 0 calc((100% - 2 * 3px) / 3);
grid-template-rows: repeat(2, 1fr);
}
}
 
.главная-враппер-сообщества-Кнопки > :nth-last-child(2):nth-child(3n + 1),
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 2) {
flex-basis: calc((100% - 3px) / 2);
}
 
.главная-враппер-сообщества-Кнопки > :last-child:nth-child(3n + 1) {
flex-basis: 100%;
}
}


@media (max-width: 750px) {
@media (max-width: 750px) {
.главная-враппер-сообщества-Кнопки {
.главная-враппер-сообщества-Кнопки > * {
grid-template-columns: repeat(1, 1fr);
flex-basis: 100%;
grid-template-rows: repeat(1, 1fr);
}
}
}
}
Строка 78: Строка 84:


.красивая-кнопка-Картинка img {
.красивая-кнопка-Картинка img {
height: 100%;
width: auto;
}
.заглавная-кнопка-СоцСеть-Картинка {
position: relative;
display: flex;
align-items: center;
}
.красивая-кнопка-СоцСеть-Картинка img {
height: 100%;
height: 100%;
width: auto;
width: auto;
}
}