scss 设置'视频无横幅'轮播布局样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 设置'视频无横幅'轮播布局样式相关的知识,希望对你有一定的参考价值。

.carouselSlide.containsVideo { // this should target video no banner slides
	max-height: none;
	.carouselDetailWrapper {
		display: block;
		position: relative;
		padding: 0;
	}

	.carouselSlideDetail{
		width: 100%;
		padding: 20px;
		top: auto;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		background-color: $brand-colour-1;
		position: relative;
		max-width: 100%;
		left: 0;
		border-bottom: 0;
		border-radius: 0;

		h2 {
			border-top: none;
			padding-top: 0;
		}

		h2, p {
			max-width: 100%;
		}

		p {
			margin-bottom: 30px;
		}
	}
}

以上是关于scss 设置'视频无横幅'轮播布局样式的主要内容,如果未能解决你的问题,请参考以下文章

scss Matrix YouTube API视频轮播

scss Matrix YouTube API视频轮播

jquery图片上下轮播的问题,怎么实现自动轮播?

scss SCSS:带边​​缘切口的横幅

元素变换在出现'相对'和'固定'之间的转换不平滑

求助:swiper轮播图插件设置 slidesPerColumn之后顺序的问题