hexo-theme-async/source/css/_components/footer.less

🎈 A simple, lightweight Hexo theme

.trm-footer-card {
	background-color: var(--theme-bg-color, #fcfcfe);
	border-radius: var(--card-border-radius, 10px);
	text-align: center;
	width: 100%;
	padding: 20px;

	.shadow();
	.trm-footer-item {
		color: var(--body-color, #7b7b7d);
		min-height: 1.6rem;
		line-height: 1.6rem;
		font-size: 0.9rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;

		a {
			color: var(--primary, #afb42b);
			.transition-mixin();

			&:hover {
				color: var(--primary-weak, #afb42b);
			}
		}
	}

	.footer-separator,
	#since {
		margin: 0 0.5rem;
	}

	.footer-separator::before {
		content: attr(data-separator);
	}

	@media (max-width: 768px) {
		.footer-separator::before {
			content: "  ";
		}
	}
}