RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin_new2 / public / src / sass / pages /

Filename : page-blog.scss

back

/*----------------------------------------
    Blog
------------------------------------------*/

@import 'variables.scss';

.vertical-align-top {
	vertical-align: top;
}

.card-animation-1,
.image-n-margin {
	margin-top: -50px;
	-webkit-transition: 0.3s;
	/* Safari */
	transition: 0.5s;
}

.card-animation-1:hover .image-n-margin {
	margin-top: -80px;
	margin-bottom: 30px;
	-webkit-transition: 0.3s;
	/* Safari */
	transition: 0.5s;
}

#blog-list {
	.card.horizontal {
		overflow: hidden;
		max-height: 200px;
	}

	.social-icon {
		width: 7.5rem;

		.material-icons:hover {
			cursor: pointer !important;
		}
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
	#blog-list {
		.social-icon {
			display: inline-flex;
			padding-left: 0px;
		}
	}
}

@media screen and (max-width: 768px) {
	#blog-list {

		.card-panel {
			.mt-3.social-icon {
				margin-top: 2% !important;
			}
		}
	}
}


@media screen and (max-width: 600px) {
	#blog-list {

		.card-panel {
			.mt-3.social-icon {
				margin-top: 1% !important;
			}
		}
	}
}

@media screen and (max-width: 480px) {
	#blog-list {
		margin-top: 3rem;
	}
}