@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;
|
|
}
|
|
}
|
|
}
|