@charset "UTF-8";

/**
 * @copyright     2022 beikeshop.com - All Rights Reserved.
 * @link          https://beikeshop.com
 * @Author        guangda <service@guangda.work>
 * @Date          2022-08-17 19:26:53
 * @LastEditTime  2022-09-16 20:57:12
 */

$primary: #fd560f;
$success: #71c20b;

$font-size-base: 0.8rem;
$font-family-base: "Poppins","Helvetica","Arial","sans-serif";
$border-radius: 0.275rem;
$form-check-input-width: 1.2em;
// $form-check-input-border-radius: 0;

// 开启负边距
$enable-negative-margins: true;

$nav-link-color: #1f1f1f;
$hr-color: #bcbcbc;

// Breadcrumbs
// scss-docs-start breadcrumb-variables
// $breadcrumb-font-size:              null !default;
$breadcrumb-padding-y:              .7rem;
$breadcrumb-padding-x:              0;
// $breadcrumb-item-padding-x:         .5rem !default;
$breadcrumb-margin-bottom:          0;
$breadcrumb-bg:                     transparent;
// $breadcrumb-divider-color:          $gray-600 !default;
// $breadcrumb-active-color:           $gray-600 !default;
// $breadcrumb-divider:                quote("/") !default;
// $breadcrumb-divider-flipped:        $breadcrumb-divider !default;
// $breadcrumb-border-radius:          null !default;

// $border-radius:               0;
$input-btn-padding-y:         .46rem;
$input-btn-font-size:         0.85rem;
$input-btn-focus-box-shadow:  0  0 11px 0 rgba($color: $primary, $alpha: .1);
$form-select-focus-box-shadow: 0 0 11px 0 rgba($color: $primary, $alpha: .1);

// $input-btn-padding-x:         .75rem !default;
$btn-focus-width: 0;
// $border-radius:  0;
// $btn-border-radius: 0;
$btn-border-radius-sm: 0.175rem;
$btn-border-radius-lg: 0.275rem;
// $btn-padding-y:               $input-btn-padding-y !default;
// $btn-focus-box-shadow: 0  0 11px 0 rgba($color: $primary, $alpha: .1);

$link-decoration: none;
$link-hover-decoration: underline;
// $link-color: #3480e7;
$link-hover-color: $primary;
$form-select-focus-box-shadow: 0  0 11px 0 rgba($color: $primary, $alpha: .1);

$form-floating-input-padding-t:   1.325rem;
$form-floating-input-padding-b:   .625rem;
$form-floating-padding-y:         .8rem;
$form-floating-height:        50px;

$dropdown-border-color: rgba(0, 0, 0, 0.1);
$dropdown-item-padding-y: .4rem;
$dropdown-bg :#fff;

$card-border-width: 0;
$card-bg: #fff;

$alert-padding-y: 0.5rem;

$form-feedback-icon-valid: none;
$form-feedback-icon-valid-color: inherit;

$pagination-border-width: 0;
$pagination-bg: #f4f4f5;
$pagination-color: #606266;
$pagination-border-radius: 2px;
$pagination-disabled-bg: $pagination-bg;
$pagination-disabled-color: #c0c4cc;
$pagination-hover-color: $primary;
$pagination-padding-x: 4px;
$pagination-padding-y: .3rem;
$pagination-focus-color: #606266;

$table-bg: transparent;

// $dropdown-divider-bg:               rgba(0, 0, 0, 0.1);
@import './bootstrap-icons';
@import 'node_modules/bootstrap/scss/bootstrap';

.col-lg-20 {
  @include media-breakpoint-up(lg) {
    flex: 0 0 calc(100% / 5); // 宽度为 1/5
    max-width: calc(100% / 5); // 同时限制最大宽度
  }
}

.btn-primary {
  color: #fff !important;
}

.container-fluid {
  @media (min-width: 992px) {
    &:not(.w-100.px-0) {
      max-width: 1920px;
    }
    padding-right: 50px;
    padding-left: 50px;
  }
}

.dropdown {
  .dropdown-divider {
    margin-left: 1rem;
    margin-right: 1rem;
    opacity: .1;
  }
}

.table > :not(:first-child) {
  border-top: none;
}

// .btn {
//   border-radius: 0;
// }

.card {
  .card-header {
    padding: 1rem 1rem .3rem;
    background-color: rgba(255,255,255, 0.03);
    border-bottom: 0 solid rgba(0,0,0,.125);

    .card-title {
      margin-bottom: 0;
      padding-left: 10px;
      border-left: 3px solid $primary;
      line-height: 1;
    }
  }

  .card-body {
    @media (max-width: 768px) {
      padding: 10px;
    }
  }
}

.breadcrumb {
  .breadcrumb-item {
    &:last-of-type {
      a {
        color: #111;
        font-weight: bold;
      }
    }
  }
  a {
    color: #333;
  }
}

.was-validated {
  .form-control,
  .form-select {
    &:valid {
      border-color: $input-border-color;
    }
  }

  .form-check-input {
    &:valid {
      border-color: rgba(#000, .25);

      &:checked {
        background-color: $primary;
        border-color: $primary;
      }

      &~.form-check-label {
        color: inherit;
      }
    }
  }
}

.pagination {
  > li {
    margin: 0 5px;
    font-weight: bold;
    a, span {
      text-align: center;
      border-radius: 2px !important;
      min-width: 30px;
    }
  }
}