投稿日・更新日のアイコン変更

2020年2月20日2020年2月28日Luxeritas

新規・更新日付のアイコン変更をやってみましょう。
これは意外と簡単なので、説明はいらないでしょう。

/* 投稿日のアイコン */
p.meta span.date:before {
	font-family: "Font Awesome 5 Free";
	content: '\f783';
	margin-right: 3px;
	font-weight: 900;
	color: gray;
}

/* 更新日のアイコン */
p.meta span.date:not(.published):before {
	font-family: "Font Awesome 5 Free";
	content: '\f2f9';
	margin-right: 3px;
	font-weight: 900;
	color: gray;
}

アイコンを後ろに付けたいときは、beforeのcontentを空白にして、afterで記述すればOKです。