@advdominion/lightbox-gallery@5.1.0
This commit is contained in:
3 files changed
+368
-315
No files matched your search
@@ -39,15 +39,31 @@
|
||||
.advdominion-lg__item_video.swiper-slide {
|
||||
}
|
||||
|
||||
/*
|
||||
Обёртка вокруг видео внутри слайда. Слайд — это колонка из видео и подписи, поэтому обёртка
|
||||
забирает всю высоту, оставшуюся после подписи и отступа, и центрирует в себе видео.
|
||||
container-type: size нужен, чтобы cqw/cqh в .advdominion-lg__video-wrapper считались от этой
|
||||
области, а не от всего слайда: иначе 16:9-блок вырастет на высоту подписи и наедет на неё.
|
||||
*/
|
||||
.advdominion-lg__video-area {
|
||||
align-items: center;
|
||||
container-type: size;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
min-height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.advdominion-lg__image {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.advdominion-lg__video-wrapper {
|
||||
height: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
width: min(100cqw, calc(100cqh * 16 / 9));
|
||||
}
|
||||
|
||||
.advdominion-lg__video {
|
||||
|
||||
Reference in new issue
Block a user