property-info.component.scss

@import "../../../../assets/style/config";

:host {
  width: 100%;
}

.additional-info {
  color: $primary_700;
}

.flex {
  display: flex !important;
}

.mat-line {
  &.title {
    line-height: 1.8;
    .mat-icon {
      top: 4px;
      position: relative;
    }
  }

  &.info {
    font-size: small;

    .mat-caption {
      color: rgba($dark, .7);
    }

    .mat-icon {
      width: 12px;
      height: 12px;
      font-size: small;
      top: 2px;
      position: relative;
    }
  }

  &.with-line-break {
    white-space: normal;
  }
}

.not-used {
  color: $warn;
}

.type {
  margin-right: 12px;
}