//
// 文本
// ============================================================

// h1 ~ h6
// ------------------------------------------------------------
@each $styleName, $styleVal in $title
    #{$styleName}
        +px(font-size, $styleVal)


// font-size
// ------------------------------------------------------------
@each $styleName, $styleVal in $font-size
    @if $styleName == "default"
        .font-size
            +px(font-size, $styleVal)
    @else
        .font-size-#{$styleName}
            +px(font-size, $styleVal)


// text-align
// ------------------------------------------------------------
@each $styleVal in (left, center, right)
    .text-align-#{$styleVal}
        text-align: #{$styleVal}


// white-space-nowrap
// ------------------------------------------------------------
.text-indent-2em
    text-indent: 2em

    
// white-space
// ------------------------------------------------------------
.white-space-nowrap
    white-space: nowrap


// word-break
// ------------------------------------------------------------
.word-break-break-all
    word-break: break-all


// text-overflow
// ------------------------------------------------------------
.text-overflow-ellipsis
    @extend .overflow-hidden
    @extend .white-space-nowrap
    text-overflow: ellipsis