.less Snippet für j_slider in Contao

Ein kleiner CSS-"Hack", um die Positionierg der Slidercontroldots einfacher und präziser zu machen.


.slider-control{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5%;

	b{
		font-size: 0;

		&:after{
			content: "";
			width: 4px;
			height: 4px;
			padding: 3px;
			margin: 0 3px;
			display: inline-block;
			border-radius: 100%;
			background-color: fade(@white, 70%);
		}

		&.active{

			&:after{
				background-color: fade(@blue, 70%);
			}
		}
	}

	.slider-menu{
		width: 100%;
		font-size: 0;
		left: 0;
		margin: 0;
	}

	.slider-prev,
	.slider-next{
		display: none; // nach belieben
	}
}

Zurück

Einen Kommentar schreiben