## utils > 工具類樣式 | className | 描述 | | --- | --- | | `mo-clearfix` | 清除浮動 | | `mo-left` | 向左浮動 | | `mo-right` | 向右浮動| | `mo-text-left` | 文字居左 | | `mo-text-center` | 文字居中 | | `mo-text-right` | 文字居右 | | `mo-text-lowercase` | 英文小寫 | | `mo-text-uppercase` | 英文大寫 | | `mo-text-capitalize` | 英文首字母大寫 | | `mo-text-overflow` | 長文本自動截斷，顯示`...` | | `mo-invisible` | 元素不可見 | | `mo-visible` | 元素可見 | | `mo-hide ` | 隱藏元素 | | `mo-show ` | 顯示元素 | | `mo-inline` | 行內線性元素 | | `mo-inline-block ` | 行內塊狀元素 | | `mo-bg-primary` | 【主色】背景色：<span style="color:#0275d8">#0275d8</span> | | `mo-bg-positive` | 【積極正面】背景色：<span style="color:#0275d8">#0275d8</span> | | `mo-bg-negative` | 【消極錯誤】背景色：<span style="color:#d9534f">#d9534f</span>| | `mo-text-primary` | 【主色】文本色：<span style="color:#0275d8">#0275d8</span> | | `mo-text-positive` | 【積極正面】文本色：<span style="color:#5cb85c">#5cb85c</span> | | `mo-text-negative` | 【消極錯誤】文本色：<span style="color:#d9534f">#d9534f</span> | | `mo-text-title` | 文本標題色：<span style="color:#212121">#212121</span> | | `mo-text-default` | 默認文本色 <span style="color:#515151">#515151</span> | | `mo-text-description` | 文本描述色 <span style="color:#757575">#757575</span> | | `mo-text-hint` | 文本輕提示 <span style="color:#9e9e9e">#9e9e9e</span>| | `mo-text-important` | 文本重要提示錯誤色 <span style="color:#bd4147">#bd4147</span> |