drip-table/lib/components/cell-components/rich-text/index.less

A tiny and powerful enterprise-class solution for building tables.

/**
 * This file is part of the jd-mkt5 launch.
 * @link     : https://ace.jd.com/
 * @author   : qianjing29 (qianjing29@jd.com)
 * @modifier : qianjing29 (qianjing29@jd.com)
 * @copyright: Copyright (c) 2020 JD Network Technology Co., Ltd.
 */
@prefixCls: jfe-drip-table-cc-rich-text;
@prefixClsQL: ql;

.@{prefixCls}-container {
  display: flex;

  .@{prefixClsQL}-align-center {
    text-align: center;
  }

  .@{prefixClsQL}-align-right {
    text-align: right;
  }

  .@{prefixClsQL}-align-justify {
    text-align: justify;
  }

  .@{prefixClsQL}-font-serif {
    font-family: Georgia, "Times New Roman", serif;
  }

  .@{prefixClsQL}-font-monospace {
    font-family: Monaco, "Courier New", monospace;
  }

  .@{prefixClsQL}-indent-1:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 3em;
  }

  .@{prefixClsQL}-indent-2:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 6em;
  }

  .@{prefixClsQL}-indent-3:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 9em;
  }

  .@{prefixClsQL}-indent-4:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 12em;
  }

  .@{prefixClsQL}-indent-5:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 15em;
  }

  .@{prefixClsQL}-indent-6:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 18em;
  }

  .@{prefixClsQL}-indent-7:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 21em;
  }

  .@{prefixClsQL}-indent-8:not(.@{prefixClsQL}-direction-rtl) {
    padding-left: 24em;
  }

  .@{prefixClsQL}-size-small {
    font-size: .75em;
  }

  .@{prefixClsQL}-size-large {
    font-size: 1.5em;
  }

  .@{prefixClsQL}-size-huge {
    font-size: 2.5em;
  }
}