ngx-admin/src/app/pages/ui-features/buttons/default-buttons/default-buttons.component.scss

@import '../../../../@theme/styles/variables';
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';

@include nga-install-component() {

  .example-container:nth-child(n + 4) {
    margin-top: 2rem;
  }

  .primary-container {
    .original {
      background-color: nga-theme(btn-primary-bg);
    }
    .hover {
      @include btn-primary-hover();
    }
    .active {
      @include btn-primary-active();
    }
  }

  .warning-container {
    .original {
      background-color: nga-theme(btn-warning-bg);
    }
    .hover {
      @include btn-warning-hover();
    }
    .active {
      @include btn-warning-active();
    }
  }

  .success-container {
    .original {
      background-color: nga-theme(btn-success-bg);
    }
    .hover {
      @include btn-success-hover();
    }
    .active {
      @include btn-success-active();
    }
  }

  .info-container {
    .original {
      background-color: nga-theme(btn-info-bg);
    }
    .hover {
      @include btn-info-hover();
    }
    .active {
      @include btn-info-active();
    }
  }

  .danger-container {
    .original {
      background-color: nga-theme(btn-danger-bg);
    }
    .hover {
      @include btn-danger-hover();
    }
    .active {
      @include btn-danger-active();
    }
  }

  .secondary-container {
    .original {
      background-color: nga-theme(btn-secondary-border);
    }
    .hover {
      @include btn-secondary-hover();
    }
    .active {
      @include btn-secondary-active();
    }
  }
}