t-fighting-design/theme/text.css

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

.f-text{margin:0;transition:.3s;display:inline-block;word-break:break-all;box-sizing:border-box;cursor:default;color:var(--f-text-color, #f0f0f0);background:var(--f-text-background);text-decoration:var(--f-text-text-decoration);width:var(--f-text-width);font-size:var(--f-text-font-size, 15px);padding:var(--f-text-padding, 0);letter-spacing:var(--f-text-letter-spacing);line-height:var(--f-text-line-height);text-indent:var(--f-text-text-indent)}.f-text.f-text__default{color:var(--f-text-color, #333)}.f-text.f-text__primary{color:var(--f-text-color, #2d5af1)}.f-text.f-text__success{color:var(--f-text-color, #52b35e)}.f-text.f-text__danger{color:var(--f-text-color, #ff0200)}.f-text.f-text__warning{color:var(--f-text-color, #fcc202)}.f-text.f-text__bold{font-weight:700}.f-text.f-text__block{display:block}.f-text.f-text__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-text.f-text__center{text-align:center;display:block}