ダーク
ダーク
ダーク
ダーク
ダーク
ダーク
ダーク
ダーク
ダーク
ダーク
<span class="el_txt el_txt__dark">ダーク</span>
<span class="el_txt el_txt__dark1">ダーク</span>
<span class="el_txt el_txt__dark2">ダーク</span>
<span class="el_txt el_txt__dark3">ダーク</span>
<span class="el_txt el_txt__dark4">ダーク</span>
<span class="el_txt el_txt__dark5">ダーク</span>
<span class="el_txt el_txt__dark6">ダーク</span>
<span class="el_txt el_txt__dark7">ダーク</span>
<span class="el_txt el_txt__dark8">ダーク</span>
<span class="el_txt el_txt__dark9">ダーク</span>
ライト
ライト
ライト
ライト
ライト
ライト
ライト
ライト
ライト
ライト
<span class="el_txt el_txt__light">ライト</span>
<span class="el_txt el_txt__light1">ライト</span>
<span class="el_txt el_txt__light2">ライト</span>
<span class="el_txt el_txt__light3">ライト</span>
<span class="el_txt el_txt__light4">ライト</span>
<span class="el_txt el_txt__light5">ライト</span>
<span class="el_txt el_txt__light6">ライト</span>
<span class="el_txt el_txt__light7">ライト</span>
<span class="el_txt el_txt__light8">ライト</span>
<span class="el_txt el_txt__light9">ライト</span>
基本です
重要かも
情報あり
成功した
注意する
禁止する
<span class="el_txt">基本です</span>
<span class="el_txt el_txt__primary">重要かも</span>
<span class="el_txt el_txt__info">情報あり</span>
<span class="el_txt el_txt__success">成功した</span>
<span class="el_txt el_txt__warning">注意する</span>
<span class="el_txt el_txt__danger">禁止する</span>
<a class="el_txt el_txt__link" href="#">基本です</a>
<a class="el_txt el_txt__primary el_txt__link" href="#">重要かも</a>
<a class="el_txt el_txt__info el_txt__link" href="#">情報あり</a>
<a class="el_txt el_txt__success el_txt__link" href="#">成功した</a>
<a class="el_txt el_txt__warning el_txt__link" href="#">注意する</a>
<a class="el_txt el_txt__danger el_txt__link" href="#">禁止する</a>
引用の「blockquote」を使う場合。border-left と background-color を用いた装飾。
<blockquote class="el_bq">引用の「blockquote」を使う場合。border-left と background-color を用いた装飾。</blockquote>
テキストの途中にcode
を表示させる。
<p class="el_txt">テキストの途中に<code class="el_code">code</code>を表示させる。</p>
.my-css { color: red; }
<pre class="el_pre"><code class="el_code">.my-css { color: red; }</code></pre>