File "logo-widget.scss"

Full Path: /home/adniftyx/public_html/wp-content/plugins/credio-addons/widgets/logo-widget/logo-widget.scss
File size: 4.11 KB
MIME-type: text/plain
Charset: utf-8

@import '../../common';

.rsaddons-logo-showcase {
	.clip-path-enable .rs-grid-figure {
		clip-path: polygon(0% 0%, 80% 0, 100% 20%, 100% 100%, 0% 100%) !important
	}
	&.rsl_logo_style1  {
		.rs-addon-slider{
			.rs-grid-figure {
				display: flex;
				align-items: center;
				justify-content: center;
				
				.logo-img {
					img {
						transition: all 0.3s ease;
						&:hover {
							transform: scale(1.2);
						}
					}
					
				}
			}
		}
	}
	&.rsl_logo_style2 {
		.rs-grid-figure {
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 15px 0px 15px 0px;
			background-color: #F7F7F7;
			height: 202px;
			position: relative;
			border-radius: 20px 0 0 0;

			&:before {
				position: absolute;
				content: "";
				top: -12px;
				right: 0;
				background-color: #F7F7F7;
				width: 125px;
				height: 12px;
				border-radius: 15px 20px 0 0;
			}
			&:after {
				position: absolute;
				content: "";
				bottom: -12px;
				right: 0;
				background-color: #F7F7F7;
				width: 60px;
				height: 12px;
				border-radius: 0 0 20px 15px;
			}

			.left-bottom-shape {
				position: absolute;
				bottom: -12px;
				left: 0;
				width: 30px;
				height: 12px;
				background-color: #F7F7F7;
				border-radius: 0 0 15px 20px;
			}

			.rs-grid-img {
				width: 90px;
			}
			.logo-img {
				img {
					transition: all 0.3s ease;
					&:hover {
						transform: scale(1.2);
					}
				}
				
			}
		}
	}
	&.rsl_logo_style3 {
		.grid-item {
			.rs-grid-figure{
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 15px 0px 15px 0px;
				background-color: #F7F7F7;
				height: 202px;
				position: relative;
				transition: all 0.3s linear;
				.logo-img a {
					img{
						&.hovers-logos {
							display: block;
							position: absolute;
							z-index: 1;
							visibility: hidden;
							left: 50%;
							top: 50%;
							-webkit-transform: translate(-50%,-50%);
							-moz-transform: translate(-50%,-50%);
							-ms-transform: translate(-50%,-50%);
							-o-transform: translate(-50%,-50%);
						}
					}
					
				}
				&:hover {
					background-color: #507a7c;
					.logo-img a {
						img {
							&.mains-logos {
								display: block;
								visibility: hidden;
								transform: translateY(100%);
							}
							&.hovers-logos {
								display: block;
								opacity: 3;
								visibility: visible;
							}
						}
					}
				}

				.rs-grid-img {
					width: 90px;
				}
			}
		}
	}

	.rs-logo-grid {
		&.logo-grid-style1 {
			&.rsl_logo_style3{
				.rs-grid-figure{
					overflow: hidden;
					.logo-img{
						img{
							transform: scale(1);
							transition: all ease 0.4s;
						}
					}
					&:hover{
						.logo-img{
							img{
								transform: scale(1.1);
							}
						}
					}
				}
			}
		}
	}
	&.bg_animation_yes {
		overflow: hidden;
		position: relative;
		.anim {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background-repeat: repeat-x !important;
			background-size: contain !important;
			background-position: center !important;
			position: absolute;
			width: 6400px;
			height: inherit;
			-webkit-animation: wave 45s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
			animation: wave 45s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		&:hover {
			.anim {
				animation-play-state: paused;
			}
		}
	}
	&.overlay_edge_yes {
		position: relative;
		&::after,
		&::before {
			position: absolute;
			content: '';
			top: 0;
			bottom: 0;
			width: 350px;
			z-index: 1;
			pointer-events: none;
		}
		&::after {
			right: 0;
			background: linear-gradient(to right, transparent 0%, white 100%);
		}
		&::before {
			left: 0;
			background: linear-gradient(to right, white 0%, transparent 100%);
		}
	}
}

@-webkit-keyframes wave {
	0% { margin-left: 0; }
	100% { margin-left: -1600px; }
}
@keyframes wave {
	0% { margin-left: 0; }
	100% { margin-left: -1600px; }
}