rabbit-simple-ui/src/styles/mixins/content.less

A simple UI component library based on JavaScript

@import './close.less';

@icon-prefix-cls: ~'@{css-prefix}icon';

.content-header() {
  border-bottom: 1px solid @border-color-split;
  padding: 14px 16px;
  line-height: @line-height-base;
  font-size: @font-size-large;
  color: @title-color;

  p,
  &-inner {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: @font-size-large;
    color: @title-color;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.content-close(@top: 0, @icon-font-size: 22px) {
  font-size: @font-size-small;
  position: absolute;
  right: 8px;
  top: 8px;
  overflow: hidden;
  cursor: pointer;

  .@{icon-prefix-cls}-ios-close {
    .close-base(@top, @icon-font-size);
  }
}