@mixin toe { -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; } .se { &-ta { &-l { text-align: left; } &-c { text-align: center; } &-r { text-align: right; } } &-td { &-lt { text-decoration: line-through; } &-u { text-decoration: underline; } &-n { text-decoration: none; } } &-ti-em-2 { text-indent: 2em; } &-toe { @for $i from 0 through 10 { &-#{$i} { @include toe; -webkit-line-clamp: $i; lines: $i; } } } &-va { &-t { vertical-align: top; } &-m { vertical-align: middle; } &-b { vertical-align: bottom; } &-bl { vertical-align: baseline; } } &-ws { &-nw { white-space: nowrap; } &-nm { white-space: normal; } } &-wb { &-ba { word-break: break-all; } &-bw { word-break: break-word; } &-ka { word-break: keep-all; } } }