Learn more  » 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 / addons / _jet-posts.scss

.jet-posts {

	&__item {
		outline: none;

		&.slick-slide {
			width: 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
	}

	&__inner-box {
		position: relative;
		overflow: hidden;
	}

	&__terms {
		margin-bottom: 10px;

		&-link {
			display: inline-block;
			padding: 5px 10px;
		}
	}

	.post-thumbnail + &__terms {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 10px;
	}

	.jet-more {
		overflow: hidden;
	}
	.jet-more-icon {
		margin-left: 5px;
	}
	.entry-excerpt {
		padding-bottom: 15px;
	}
	.jet-more-wrap {
		display: flex;
		flex-direction: column;
	}
	.post-thumbnail {
		overflow: hidden;
		line-height: 0;
	}

	.slick-list {
		width: 100%;
	}

	&.jet-equal-cols {

		.slick-track {
			display: flex;
			align-items: stretch;

			&:before,
			&:after {
				content: none;
			}

			.jet-posts__item {
				flex: 0 0 auto;
			}
		}

		.jet-posts__item {
			display: flex;
			flex-direction: column;
			height: auto;

			.jet-posts__inner-box {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				width: 100%;
				box-sizing: border-box;
			}

			.jet-posts__inner-content {
				display: flex;
				flex-direction: column;
				flex-grow: 1;

				> * {
					width: 100%;
				}
			}
		}
	}
}

.post-meta{
	padding-bottom: 10px;
	text-decoration: none;

	&__item {
		display: inline-block;
		text-decoration: inherit;

		&:not(:first-child):before {
			content: "";
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
		}
	}
}

.elementor-jet-posts {
	.jet-carousel {
		margin-left: 0;
		margin-right: 0;
	}
}