@use "../sizes" as *;
@use "../colors" as *;
@use "colors" as *;

// adduse

$generic-checkbox-icon-font-size: null !default;

$generic-checkbox-border-width: 1px !default;
$generic-checkbox-border-radius: $base-border-radius-exsmall !default;

$generic-checkbox-arrow-icon-size: 1em !default;
$generic-checkbox-arrow-font-size: null !default;
$generic-checkbox-indeterminate-icon-size: null !default;
$generic-checkbox-indeterminate-icon-border-radius: 2px !default;

@if $size == "default" {
  $generic-checkbox-icon-font-size: 22px !default;
  $generic-checkbox-arrow-font-size: 0.727273em !default;
  $generic-checkbox-indeterminate-icon-size: 0.545455em !default;
}

@else if $size == "compact" {
  $generic-checkbox-icon-font-size: 16px !default;
  $generic-checkbox-arrow-font-size: 0.625em !default;
  $generic-checkbox-indeterminate-icon-size: 0.5em !default;
}