proginn-frontend/kaifain_v2/assets/styles/buefy.scss

@import "./vars.scss";
@import "~bulma/sass/utilities/_all";

$fullhd: 1200px+(2 * $gap);
$primary-invert: findColorInvert($primary);

$dropdown-mobile-breakpoint: $tablet - 1;

@import "~bulma";
@import "~buefy/src/scss/buefy";

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding: 0 !important;
}

.container {
  &.is-content {
    max-width: 1000px;
  }

  &.is-wide {
    max-width: 1080px;
  }
}

.input {
  &::-webkit-input-placeholder {
    color: rgba(64, 64, 64, 0.6);
  }
}

.button {
  &.is-pure {
    background: transparent;
    border-color: transparent;
  }
}

.tag {
  &.is-choice {
    background: #d1a26d;
    color: #fff;
  }

  &.is-border {
    color: #555;
    background: #fafafa;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  }

  &.is-link.is-light {
    box-shadow: inset 0 0 1px rgba(33, 96, 196, 0.2);
  }

  &.is-success.is-light {
    color: #288147;
    box-shadow: inset 0 0 1px rgba(37, 121, 66, 0.2);
  }

  &:not(body).is-primary.is-light {
    background: #eaf3ff;
    color: $primary;

    &.is-border {
      background: rgba($primary, 0.06);
      box-shadow: inset 0 0 1px rgba(36, 135, 255, 0.4);
    }
  }
}

.b-checkbox.checkbox {
  .check {
    box-shadow: none !important;
  }
}

.pagination {
  .pagination-previous,
  .pagination-next,
  .pagination-link {
    min-width: 2rem;
    height: 2rem;
  }

  .pagination-link {
    background: #f4f4f5;
    border-color: #f4f4f5;
    font-weight: 500;

    &.is-current {
      background: $primary;
      border-color: $primary;
    }

    &[disabled] {
      pointer-events: none;
    }
  }
}