module-dfn

dfn

巨大な単語と、それを補足するテキストをインライン表示する。(breakpoint)が sm 以上でインライン表示となる。
このテーマでは使用していない。

猫

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。

I'm a Cat
There is no name yet.
I have no idea where I was born.
<div class="m-b">
<div class="dfn">
    <h1 class="dfn-header">猫</h1>
    <p class="dfn-contents">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p>
</div>
</div>

<dl class="dfn">
    <dt class="dfn-header">I'm a Cat</dt>
    <dd class="dfn-contents">There is no name yet.<br>
    I have no idea where I was born.</dd>
</dl>