@import "~bootstrap/scss/custom-forms";

// Set default customise component variables here,
// Override it in theme variables files

.custom-control {
  @extend .align-items-center;

  &:not(.custom-control-inline) {
    @extend .d-flex;
  }
  &.custom-control-inline {
    @extend .mb-0;
  }

  .form-group & {
    min-height: 2.25rem;
  }
}

.custom-control-label {
  &::before,
  &::after {
    top: calc(50% - #{$custom-control-indicator-size} / 2);
  }
  &::before {
    @extend .border;
    @at-root {
      .custom-control-input:not(:checked):focus ~ & {
        @extend .border-primary;
        @include box-shadow($custom-select-focus-box-shadow);
      }
    }
  }
}

.custom-select-sm {
  line-height: 1.1;
}