// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under GPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
@import (reference) "../../App.less";

.krist-value {
  font-size: 100%;

  white-space: nowrap;

  .anticon svg {
    /* Hack to make it consistent with Lato */
    position: relative;
    bottom: 0.125em;
    font-size: 0.75em;
    color: @text-color-secondary;
  }

  .krist-value-amount {
    font-weight: bold;
  }

  .krist-currency-long {
    color: @text-color-secondary;

    &::before {
      content: " ";
    }
  }

  &.krist-value-green {
    color: @kw-green;

    .anticon svg, .krist-currency-long {
      color: fade(@kw-green, 75%);
    }
  }

  &.krist-value-zero {
    color: @text-color-secondary;

    .anticon svg, .krist-currency-long {
      color: fade(@text-color-secondary, 60%);
    }
  }
}

// The currency symbol appears too dark when inside a button
.ant-btn.ant-btn-primary .krist-value .anticon svg {
  color: fade(@text-color, 70%);
}