123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- .textOverflow() {
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- white-space: nowrap;
- }
-
- .textOverflowMulti(@line: 3, @bg: #fff) {
- overflow: hidden;
- position: relative;
- line-height: 1.5em;
- max-height: @line * 1.5em;
- text-align: justify;
- margin-right: -1em;
- padding-right: 1em;
- &:before {
- background: @bg;
- content: '...';
- padding: 0 1px;
- position: absolute;
- right: 14px;
- bottom: 0;
- }
- &:after {
- background: white;
- content: '';
- margin-top: 0.2em;
- position: absolute;
- right: 14px;
- width: 1em;
- height: 1em;
- }
- }
-
- // mixins for clearfix
- // ------------------------
- .clearfix() {
- zoom: 1;
- &:before,
- &:after {
- content: ' ';
- display: table;
- }
- &:after {
- clear: both;
- visibility: hidden;
- font-size: 0;
- height: 0;
- }
- }
|