scss 在活动列表页面上显示帖子页脚中的相关信息

Posted 2021-05-18

.listing .listedEvent {
	height: auto;
	.postFooterWrapper {
		margin-top: 0;
		padding-top: 10px;
		display: block;
		border-top: 1px dashed $border-color;

		div {
			margin-top: 0;
		}

		p.associatedStartDate,
		.locationDetails {
			display: block;
			strong{
				display: none;
			}
			width: 100%;
			margin: 0 0 5px 0;
			font-size: .85em;
			color: lighten($main-font-colour, 20%);

			&:before {
				content: '';
				font-family: 'FontAwesome';
				display: inline-block;
				margin-right: 5px;
				width: 10px;
				text-align: center;
			}
		}

		p.associatedStartDate:before {
			content: '\f133';
		}

		p.locationDetails:before {
			content: '\f041';
		}
	}
}