Шаблон:Main page/Aavikko/styles.css: различия между версиями

Материал из Aavikko
мНет описания правки
мНет описания правки
Строка 1: Строка 1:
#home-featured {
#home-featured {
width: 100%; /* Ширина на всю страницу */
width: 100%; /* Ширина на всю страницу */
overflow: hidden;
    display: block; /* Чтобы блок занял всю ширину */
    position: relative; /* Если элементы внутри будут позиционированы */
    overflow: hidden; /* Чтобы скрыть выходящие за границы элементы */
}
}


Строка 17: Строка 19:
#home-featured .home-card__foreground {
#home-featured .home-card__foreground {
top: unset;
top: unset;
}
#home-featured .home-card__background img {
    width: 100%; /* Изображение будет адаптироваться по ширине */
    max-width: 100%; /* Ограничение максимальной ширины, чтобы не было выхода за пределы */
    height: auto; /* Автоматическая подгонка высоты */
}
}

Версия от 15:27, 10 сентября 2024

#home-featured {
	width: 100%; /* Ширина на всю страницу */
    display: block; /* Чтобы блок занял всю ширину */
    position: relative; /* Если элементы внутри будут позиционированы */
    overflow: hidden; /* Чтобы скрыть выходящие за границы элементы */
}

#home-featured .home-card__background a {
	display: block;
	height: 100%;
}

#home-featured .home-card__background:after {
	top: unset;
	height: 60%;
	background: linear-gradient( to top, #000, transparent );
}

#home-featured .home-card__foreground {
	top: unset;
}

#home-featured .home-card__background img {
    width: 100%; /* Изображение будет адаптироваться по ширине */
    max-width: 100%; /* Ограничение максимальной ширины, чтобы не было выхода за пределы */
    height: auto; /* Автоматическая подгонка высоты */
}