Spade

Mini Shell

Directory:~$ /proc/self/root/home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/
Upload File

[Home] [System Details] [Kill Me]
Current File:~$ //proc/self/root/home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/_companies.scss

.g-companies {
	&:not(.gutter-disabled) {
		margin-left: -($content-padding);
		margin-right: -($content-padding);
		.g-companies-container {
			> .g-grid {
				margin-bottom: ($content-padding*2);
				&:last-child {
					margin-bottom: 0;
					> .g-block {
						&:last-child {
							.g-companies-item {
								@include breakpoint(mobile-only) {
									margin-bottom: 0 !important;
								}
							}
						}
					}
				}
				@include breakpoint(mobile-only) {
					margin-bottom: 0;
				}
			}
			.g-companies-item {
				@include breakpoint(mobile-only) {
					margin-bottom: ($content-padding*2) !important;
				}
			}
		}
	}
	.size-33 {
		@include flex(0 33.3333%);
		width: 33.3333%;
		@include breakpoint(mobile-only) {
			@include flex(0 100%);
			width: 100%;
		}
	}

	.size-16 {
		@include flex(0 16.6666%);
		width: 16.6666%;
		@include breakpoint(mobile-only) {
			@include flex(0 100%);
			width: 100%;
		}
	}
}

.g-companies, .g-companies-slider, .g-companies-slideset {
	&.gutter-disabled {
		.g-companies-item {
			border: none;
		}
		.uk-slideset {
			margin-left: 0;
			&.uk-grid {
				> * {
					padding-left: 0;
				}
			}
		}
		.uk-slider-container {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	&.style1 {
		.g-content {
			margin: 0;
			padding-top: 0;
			padding-bottom: 0;
		}
		.g-companies-image {
			img {
				background: #ffffff;
				border: 1px solid $base-border-color;
			}
		}
		.uk-overlay-panel {
			padding: 15px;
			text-align: center;
		}
		.g-companies-name {
			margin: 0;
			color: #ffffff !important;
			a {
				&:hover {
					color: $accent-color-1 !important;
				}
			}
		}
		.g-companies-item {
			width: 100%;
			img {
				width: 100%;
				@include transition(all 0.3s);
				@include filter(grayscale(1));
			}
			&:hover {
				img {
					@include filter(grayscale(0));
				}
			}
			.g-companies-image {
				a {
					display: block;
				}
			}
		}
	}
	&.style2 {
		margin: -5px;
		.g-content {
			margin: 0;
			padding-top: 0;
			padding-bottom: 0;
		}
		.g-companies-image {
			img {
				background: #ffffff;
				border: 1px solid $base-border-color;
			}
		}
		.uk-overlay-panel {
			padding: 15px;
			text-align: center;
		}
		.g-companies-name {
			margin: 0;
			color: #ffffff !important;
			a {
				&:hover {
					color: $accent-color-1 !important;
				}
			}
		}
		.g-companies-item {
			width: 100%;
			@include transition(all 0.3s);
			img {
				width: 100%;
				@include transition(all 0.3s);
				@include filter(grayscale(1));
			}
			&:hover {
				img {
					@include filter(grayscale(0));
				}
			}
			.g-companies-image {
				a {
					display: block;
				}
			}
		}
		.uk-slidenav-position, .g-companies-container {
			&:hover {
				.g-companies-item {
					opacity: 0.5;
					&:hover {
						opacity: 1;
						box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
					}
				}
			}
		}
		.uk-slider-container {
			padding: 6px;
		}
	}
}