Newer
Older
CrypticOreWallet / src / style / components.less
@Drew Lemmy Drew Lemmy on 20 Feb 2021 2 KB feat: block value card
.big-menu.ant-menu.ant-menu-inline {
  width: 100%;

  border: 1px solid @border-color-split;

  .ant-menu-item {
    border-bottom: 1px solid @border-color-split;
    margin-bottom: 0;

    user-select: none;
  }
}

.ant-btn {
  color: @btn-default-color;
  border-color: transparent;

  &:hover, &:focus {
    color: @btn-default-color;
    border-color: transparent;
    background: lighten(@kw-lighter, 5%);
  }

  &:focus { background: lighten(@kw-lighter, 10%); }

  &.ant-btn-primary {
    background: @primary-color;

    &:hover, &:focus { background: lighten(@primary-color, 5%); }
    &:focus { background: lighten(@primary-color, 10%); }
  }

  &.ant-btn-dangerous {
    background: @error-color;

    &:hover, &:focus { background: lighten(@error-color, 5%); }
    &:focus { background: lighten(@error-color, 10%); }
  }

  &.ant-btn-background-ghost {
    border-color: @kw-lighter;

    &:hover, &:focus { border-color: lighten(@kw-lighter, 10%); }
    &:focus { border-color: lighten(@kw-lighter, 20%); }
  }
}

.ant-input:read-only {
  background: @kw-input-readonly-bg;
}

.ant-input.ant-input-sm::placeholder {
  font-size: @font-size-sm;
}

.input-monospace {
  font-family: monospace;
}

.ant-empty-description {
  color: fade(@text-color-secondary, 75%);
}

.ant-empty-img-simple {
  &-ellipse {
    fill: @kw-darker;
  }

  &-g {
    stroke: @kw-darkest;
  }

  &-path {
    fill: @kw-darker;
    stroke: @kw-darkest;
  }
}

.ant-collapse.flush-collapse {
  & > .ant-collapse-item > .ant-collapse-header {
    padding: 0;
    padding-left: 16px;

    .ant-collapse-arrow {
      padding: 0;
      top: 7px;
      left: 0;
    }
  }

  & > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding: @padding-sm 0;
  };
}

.ant-input-group.ant-input-group-compact .ant-btn {
  border-left: 1px solid @modal-content-bg;

  &.ant-btn-icon-only {
    padding-left: @padding-sm;
    padding-right: @padding-sm;
    width: auto;
  }
}

.ant-btn-group .ant-btn {
  &.ant-btn-left {
    border-top-left-radius: @btn-border-radius-base;
    border-bottom-left-radius: @btn-border-radius-base;
  }

  &.ant-btn-right {
    border-top-right-radius: @btn-border-radius-base;
    border-bottom-right-radius: @btn-border-radius-base;
  }
}

.text-small {
  font-size: @font-size-sm;
}

.text-green {
  color: @kw-green;
}

.text-orange {
  color: @orange-7;
}