//
// Text
//

// Color

@each $key, $val in $text-colors {
$key: quote("#{$key}");
  .text-#{$key} {
    color: $val;
  }
}

.text-muted {
	color: inherit!important;
	opacity: .6
}

//Size
@each $key, $val in $text-size {
  @if $key {
     .text-#{$key} {
        font-size: $val
  }
  }@else {
     .text {
        font-size: $val
    }
  }
}

//decoration
.text-l-t {
    text-decoration: line-through
}

.text-u-l {
    text-decoration: underline
}
.text-ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-shadow {
    text-shadow: 0 1px 0 rgba(0,0,0,.1)
}

//Heading
h1, .h1 { font-size: $font-size-base * 1.875; line-height: ceil($heading-line-height-base * 1.58)}
h2, .h2 { font-size: $font-size-base * 1.5; line-height: ceil($heading-line-height-base * 1.25)}
h3, .h3 { font-size: $font-size-base * 1.25; line-height: ceil($heading-line-height-base * 1.16)}
h4, .h4 { font-size: $font-size-base * 1.125; line-height: ceil($heading-line-height-base * 1.08)}
h5, .h5 { font-size: $font-size-base; line-height: $heading-line-height-base}
h6, .h6 { font-size: $font-size-base * 0.875; line-height: ceil($heading-line-height-base * 0.87)}

//Extend Font weight
@for $i from 1 through 8 {
    ._#{$i * 100} {
        font-weight: $i * 100
    }
}

//line-height
.l-h-0 {
	line-height: 0
}

.l-h {
	line-height: 1.5
}

.l-h-1x {
	line-height: 1
}

.l-h-2x {
	line-height: 2em
}

//letter-spacing
@for $i from 1 through 4 {
    .l-s-#{$i}x {
        letter-spacing: $i * 1px
    }
    .l-s-n-#{$i}x {
        letter-spacing: -$i * 1px
    }
}

//text height

.h-1x {
	height: 1.5;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.h-2x {
	height: 2.625rem;
	-webkit-line-clamp: 2
}

.h-3x {
	height: 3.9375rem;
	-webkit-line-clamp: 3
}

.h-4x {
	height: 5.25rem;
	-webkit-line-clamp: 4
}

// a hover
@each $key, $val in $a-hover-status-palette {
  a {
    &.#{$key} {
        &:hover {
            background-color: $val;
        }
    }
    &.text-#{$key} {
        &:hover {
                background-color: $val;
        }
    }
  }

}
a.text-muted:focus,a.text-muted:hover {
    opacity: 1
}