Quartz :: Underline Heading 적용하기

Underline Heading

H1, H2와 같은 Heading 아래에 구분선을 자동으로 생성해 보자

Obsidian에 적용한 Underline Heading을 동일하게 Quartz에 적용하려고 하니, 적용이 되지 않는다. CSS 선택자가 다르게 작동하는 듯 해서, 정상적으로 적용되는 StyleSheets를 찾아 공유한다.

적용 방법

quartz/styles/custom.scss 에 다음과 같은StyleSheets를 추가하면 적용할 수 있다.

StyleSheets

/* quartz/styles/custom.scss */
 
.page article h1::after,
.page article h2::after {
	display: block;
	content: "";
	padding-bottom: 0.5em;
	border-bottom: 2px solid var(--lightgray);
	margin-bottom: 0.5em;
}

---

관련 글

• Obsidian :: Underline Heading 적용하기