u-text-(color)
文字色を変更する。(color)は標準のカラーテーブルを参照。
u-text-first:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-second:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-third:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-info:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-important:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
<p class="u-text-first">u-text-first:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-second">u-text-second:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-third">u-text-third:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-info">u-text-info:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-important">u-text-important:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p>
u-text-root
文字色をbody要素の文字色に戻す。
ここは文字色が first ですが、ここからbody要素の文字色に変更しました
<p class="u-text-first">ここは文字色が first ですが、<span class="u-text-root">ここからbody要素の文字色に変更しました</span></p>
u-text-inverse
文字色を反転する（背景色を文字色とする）。
u-text-inverse:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
<div style="background-color: #000; padding: 1rem 0;"> <p class="u-text-inverse">u-text-inverse:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> </div>
u-text-(direction)(-(breakpont)-(up or down))
ブロック要素内の文章を指定した方向へ寄せる。
(breakpoint)の指定がない場合は、常にその方向となる。
(breakpoint)の指定がある場合は、(breakpoint)以上、もしくは以下のときに、指定した方向へ寄せる。
u-text-center:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-right:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-center:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-left:何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-right-sm-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-left-sm-down:何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
u-text-right:u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所で
ニャーニャー泣いていた事だけは記憶している。
<p class="u-text-center">u-text-center:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。<br>何でも薄暗いじめじめした所で<br>ニャーニャー泣いていた事だけは記憶している。</p> <p class="u-text-right">u-text-right:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。<br>何でも薄暗いじめじめした所で<br>ニャーニャー泣いていた事だけは記憶している。</p> <div class="u-text-center" style="background-color: #dee;"> <p>u-text-center:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-left">u-text-left:何でも薄暗いじめじめした所で</p> <p>ニャーニャー泣いていた事だけは記憶している。</p> </div> <p class="u-text-center-lg-up">u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。<br>何でも薄暗いじめじめした所で<br>ニャーニャー泣いていた事だけは記憶している。</p> <p class="u-text-right-sm-up">u-text-right-sm-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。<br>何でも薄暗いじめじめした所で<br>ニャーニャー泣いていた事だけは記憶している。</p> <div class="u-text-center-lg-up" style="background-color: #dee;"> <p>u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-left-sm-down">u-text-left-sm-down:何でも薄暗いじめじめした所で</p> <p>ニャーニャー泣いていた事だけは記憶している。</p> </div> <p class="u-text-right u-text-center-lg-up">u-text-right:u-text-center-lg-up:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。<br>何でも薄暗いじめじめした所で<br>ニャーニャー泣いていた事だけは記憶している。</p>
u-text-(size)
文字サイズを、現在の文字サイズの相対値（ em ）で変更する。
ただし、 .u-text-md のみ、単位が rem （html要素の文字サイズ）となる。
u-text-xxs:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-xs:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-sm:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
u-text-lg:吾輩は猫である。名前はまだ無い。u-text-md:どこで生れたかとんと見当がつかぬ。
u-text-xl:吾輩は猫である。名前はまだ無い。u-text-md:どこで生れたかとんと見当がつかぬ。
u-text-xxl:吾輩は猫である。名前はまだ無い。u-text-md:どこで生れたかとんと見当がつかぬ。
u-text-lg:吾輩は猫である。名前はまだ無い。u-text-xxs:どこで生れたかとんと見当がつかぬ。
u-text-xl:吾輩は猫である。名前はまだ無い。u-text-xxs:どこで生れたかとんと見当がつかぬ。
u-text-xxl:吾輩は猫である。名前はまだ無い。u-text-xxs:どこで生れたかとんと見当がつかぬ。
<p class="u-text-xxs">u-text-xxs:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-xs">u-text-xs:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-sm">u-text-sm:吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p> <p class="u-text-lg">u-text-lg:吾輩は猫である。<span class="u-text-md">名前はまだ無い。u-text-md:どこで生れたか</span>とんと見当がつかぬ。</p> <p class="u-text-xl">u-text-xl:吾輩は猫である。<span class="u-text-md">名前はまだ無い。u-text-md:どこで生れたか</span>とんと見当がつかぬ。</p> <p class="u-text-xxl">u-text-xxl:吾輩は猫である。<span class="u-text-md">名前はまだ無い。u-text-md:どこで生れたか</span>とんと見当がつかぬ。</p> <p class="u-text-lg">u-text-lg:吾輩は猫である。<span class="u-text-xxs">名前はまだ無い。u-text-xxs:どこで生れたか</span>とんと見当がつかぬ。</p> <p class="u-text-xl">u-text-xl:吾輩は猫である。<span class="u-text-xxs">名前はまだ無い。u-text-xxs:どこで生れたか</span>とんと見当がつかぬ。</p> <p class="u-text-xxl">u-text-xxl:吾輩は猫である。<span class="u-text-xxs">名前はまだ無い。u-text-xxs:どこで生れたか</span>とんと見当がつかぬ。</p>