File "_blog-entries.scss"

Full Path: /home/amervokv/ecomlive.net/wp-content/themes/oceanwp/sass/components/blog/_blog-entries.scss
File size: 1023 B
MIME-type: text/plain
Charset: utf-8

#blog-entries {
	padding-bottom: 0;
}

.blog-entry.post {
	position: relative;

	.thumbnail {
		position: relative;

		a:not(.mejs-volume-slider) {
			display: inline-block;
			position: relative;
			width: 100%;
		}

		.overlay {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background-color: rgba(0, 0, 0, 0.2);
			@include opacity( 0 );
		    text-align: center;
		    @include transition( all .3s ease );
	    }

		&:hover .overlay {
			@include opacity( 1 );
		}

		img {
			width: 100%;
		}
	}

	ul.meta {
		margin: 0 0 12px;
	}

	.blog-entry-header {
		margin-bottom: 20px;

		.entry-title {
			font-size: 24px;
			margin: 0;

			a {
				font-weight: 600;
			    letter-spacing: 0.6px;
			}
		}
	}

	.blog-entry-summary {
		margin-bottom: 20px;

		p:last-child {
			margin-bottom: 0;
		}
	}
}

// Caption
.thumbnail-caption {
    font-size: 13px;
	margin-top: 0.5em;
    text-align: center;
}