dora-ui/es/style/mixins/util.less

A React.js Mobile UI Library

// Encoded SVG Background
.encoded-svg-background-i(@svg) {
  @url: `encodeURIComponent(@{svg}) `;

  background-image: url('data:image/svg+xml;charset=utf-8,@{url}');
}

.ellipsis() {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.background(@start: #ffffff, @end: #000000) {
  background: @end;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(@start),
    to(@end)
  ); /* Saf4+, Chrome */

  background-image: linear-gradient(@start, @end);
}