matometaru
8/17/2017 - 1:04 AM

slickのテーマcss

slickのテーマcss

.slick {
	&-arrow {
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		z-index: 1;
		top: 50%;
	}
	&-prev {
		background-image: url(../img/home/ico_prev01.png);
		left: -64px;
	}
	&-next {
		background-image: url(../img/home/ico_next01.png);
		right: -64px;
	}
	&-dots {
		position: absolute;
		bottom: -45px;
		display: block;
		width: 100%;
		padding: 0;
		list-style: none;
		text-align: center;
		li {
			position: relative;
			display: inline-block;
			width: 70px;
			height: 6px;
			margin: 0 5px;
			padding: 0;
			cursor: pointer;
			background: #dddcdc;
			&:hover,
			&.slick-active {
				background: #0d3a85;
			}
		}
		button {
			display: none;
		}
	}
}