jquery.carousel.scss

$carouselColorDefault: #000 !default;
$carouselColorActive: #c30 !default;
$carouselColorDisabled: #999 !default;


.carousel {

	&.is-initialized {
		position: relative;
	}
}

.carousel-frame {

	.is-initialized & {
		overflow: hidden;
		position: relative;
	}
}

.carousel-slider {

	.is-initialized & {
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		/* Use GPU */
			   -moz-transform: translateZ(0);
			    -ms-transform: translateZ(0);
			     -o-transform: translateZ(0);
			-webkit-transform: translateZ(0);
		transform:             translateZ(0);
	}
}

.carousel-slide {

	.is-initialized & {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
}

/* Prev / next navigation */
.carousel-navs {
	margin: 0.5em 0;
	*zoom: 1;

	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}
.carousel-nav {
	background: none;
	border: none;
	color: $carouselColorDefault;
	cursor: pointer;
	float: right;
	font-size: 1em;
	padding: 0;

	&:first-child {
		float: left;
	}

	&:hover,
	&:focus,
	&:active {
		color: $carouselColorActive;
	}

	&[disabled] {
		color: $carouselColorDisabled;
		cursor: default;
	}
}

/* Counter ("slide x of y") */
.carousel-counter {
	margin: 0.5em 0;
}

/* Handles */
.carousel-handles {
	margin: 0.5em 0;
	text-align: center;
}
.carousel-handle {
	background: none;
	border: none;
	color: $carouselColorDefault;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin: 0 0.5em;
	padding: 0;

	&:hover,
	&:focus,
	&:active,
	&.is-active {
		color: $carouselColorActive;
	}

	&.is-active {
		cursor: default;
	}

	&[disabled] {
		color: $carouselColorDisabled;
		cursor: default;
	}
}