jjb-lc-designable/react-settings-form/components/PositionInput/styles.less

基于alibaba-designable源码二次封装的表单设计器。

@import 'jjb-lc-common/lib/style/index.less';

.dn-position-input {
  display: flex;
  flex-direction: column;

  &-row {
    display: flex;
    justify-content: center;
  }

  &-cell {
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.6);
    margin: 5px;
    color: @text-color;

    &.active {
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
    }
  }
}