/*
 * Backpack - Skyscanner's Design System
 *
 * Copyright 2016 Skyscanner Ltd
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import '~bpk-mixins/index.scss';

$bpk-spacing-v2: true;

.bpk-checkbox {
  @include bpk-checkbox;

  &__label {
    @include bpk-checkbox__label;

    &--small {
      @include bpk-checkbox__label--small;
    }
  }

  &--white {
    @include bpk-checkbox--white;
  }

  &--disabled {
    @include bpk-checkbox--disabled;
  }

  &--invalid {
    @include bpk-checkbox--invalid;
  }

  &__input {
    @include bpk-checkbox__input;

    &-indeterminate {
      &::before {
        position: absolute;
        top: bpk-spacing-sm() + $bpk-one-pixel-rem;
        left: bpk-spacing-sm() / 2;
        content: '';
        width: bpk-spacing-xxl() / 4;
        height: bpk-spacing-sm() - $bpk-one-pixel-rem;
        border-radius: $bpk-border-size-lg;
        background-color: $bpk-surface-default-day;
      }
    }

    &-white {
      background-color: $bpk-surface-default-day;
    }
  }

  &__asterisk {
    color: $bpk-required-color;
  }
}