@import '../../style/themes/index';
@import '../../style/mixins/index';

@m-formula-block-prefix-cls: m-formula-block;

.@{m-formula-block-prefix-cls} {
  display: flex;
  width: 100%;
  height: 100%;
  padding: @formula-block-paddings;
  background: @formula-block-background;
  border-radius: @border-radius-base;

  i {
    padding-top: 2px;
  }

  &-container {
    font-size: @formula-block-container-fontSize;
    line-height: @formula-block-container-lineHeight;
    color: @formula-block-container-color;
  }

  &-key,
  &-value,
  &-correct,
  &-error {
    display: flex;
    line-height: @formula-block-container-lineHeight;

    :nth-child(2) {
      padding: 0 4px;
    }
  }

  &-key-content {
    margin: @formula-block-key-content-margin;
    background: @formula-block-key-content-background;
  }

  &-correct .correct-value {
    color: @formula-block-correct-value-color;
  }

  &-error .not-equal {
    text-decoration: @formula-block-error-textDecoration;
    cursor: pointer;
  }
}