Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Bower components Debian packages RPM packages NuGet packages

jsarnowski / jsarnowski/jet-elements   php

Repository URL to install this package:

Version: 2.5.6 

/ scss / skin / _jet-testimonials.scss

.jet-testimonials {

	.jet-testimonials__icon {
		font-size: 40px;
		text-align: center;
		margin: 5px;

		.jet-testimonials__icon-inner {
			width: 60px;
			height: 60px;
			border-radius: 50%;
		}
	}

	.jet-testimonials__title {
		font-size: 20px;
		color: black;
		margin: 5px;
	}

	.jet-testimonials__comment {
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: #54595f;
		margin: 5px;
		padding: 25px 15px;
		border-radius: 10px;
		background-color: #6ec1e4;

		&:after {
			border-color: #6ec1e4 transparent transparent transparent;
		}
	}

	.jet-testimonials__name {
		font-size: 18px;
		color: black;
		margin: 5px;
	}

	.jet-testimonials__position {
		text-align: center;
		margin: 5px;
		font-size: 16px;
		color: #6ec1e4;
	}

	.jet-testimonials__date {
		text-align: center;
		margin: 5px;
		font-size: 12px;
		color: #7a7a7a;
	}

	.jet-arrow {
		width: 36px;
		height: 36px;
		border-radius: 18px;
		margin-top: -18px;
		color: #fff;
		background-color: #6ec1e4;
		font-size: 23px;

		&.prev-arrow {
			@include start(20px);
		}

		&.next-arrow {
			@include end(20px);
		}
	}

	.jet-slick-dots {
		margin: 20px 0 0 0;

		li {
			&.slick-active {
				span {
					background-color: #61ce70;
				}
			}

			&:hover {
				span {
					background-color: #6ec1e4;
				}
			}

			span {
				background-color: #7a7a7a;
			}
		}
	}
}