文本样式

UXUI 文本样式

文本尺寸

.ux-text{font-size:$ux-text;}
.ux-text-small{font-size:$ux-text-small;}
.ux-h1{font-size:$ux-h1;}
.ux-h2{font-size:$ux-h2;}
.ux-h3{font-size:$ux-h3;}
.ux-h4{font-size:$ux-h4;}
.ux-h5{font-size:$ux-h5;}
.ux-h6{font-size:$ux-h6;}

文本对齐


.ux-text-left{text-align:left;}
.ux-text-center{text-align:center;}
.ux-text-right{text-align:right;}
.ux-ellipsis{overflow:hidden;}

文本颜色


.ux-primary-text{color:$ux-primary-text-color;}
.ux-secondary-text{color:$ux-secondary-text-color;}
.ux-third-text{color:$ux-third-text-color;}

更多颜色请使用 color.scss 中内置前景色即可。

文本修饰


.ux-bold{font-weight:bold;} 
.ux-italic{font-style:italic;}
.ux-ellipsis{text-overflow:ellipsis;}