Components · Display

Code block

여러 줄 코드. ink-deep BG + Satoshi (BSS는 별도 mono 폰트 없음). 가로 스크롤 허용.

Preview

<div class="card">
  <h4 class="t-h4">제목</h4>
  <p class="t-body">본문</p>
</div>

Usage

<pre class="code-block"><code>
  // 코드 내용
</code></pre>

Rules

DO

  • 코드 폰트 16px 유지 (Korean min).
  • 짧은 한 줄은 Snippet.

DON'T

  • 시스템 외 mono 폰트 추가 금지.