// @import '../_utils.scss';
// @import './button.scss';

.#{$log-prefix-cls} {
  width: 100%;
  border: solid 1px $border-color-base;
  background-color: $log-background-color;
  color: $log-color;
  position: relative;
  @include theme-background-color($__log_background-color);
  @include theme-border-color($__log_border-color);
  @include theme-font-color($__log_font-color);

  &-content {
    width: 100%;
    padding: $log-content-padding;
    overflow: auto;
    @include scrollbar;
  }

  &-item {
    width: 100%;
  }

  &-warn {
    color: $warning-color;
    @include theme-font-color($__log_warning_font-color);
  }

  &-error {
    color: $error-color;
    @include theme-font-color($__log_error_font-color);
  }

  &-debugger {
    color: $success-color;
    @include theme-font-color($__log_success_font-color);
  }

  &-custom {
    color: $primary-color;
    @include theme-font-color($__log_custom_font-color);
  }

  &-footer {
    padding: $log-footer-padding;
    border-top: solid 1px $border-color-base;
    overflow: auto;
    @include theme-border-top-color($__log-footer_border-top-color);
    @include theme-font-color($__log-footer_font-color);
    @include scrollbar;

    .h-btn {
      float: right;
      background: $log-footer-btn-background;
      color: $log-footer-btn-color;
      @include theme-font-color($__log-footer-btn_font-color);
      @include theme-background-color($__log-footer-btn_background-color);
    }

    .h-btn:hover {
      border-color: $log-footer-btn-hover-border-color;
      color: $log-footer-btn-hover-color;
      @include theme-font-color($__log-footer-btn_hover_font-color);
      @include theme-border-color($__log-footer-btn_hover_border-color);
    }
    .h-btn:active {
      @include theme-font-color($__log-footer-btn_focus_font-color);
      @include theme-border-color($__log-footer-btn_focus_border-color);
    }
  }
}