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

// adduse

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

@if $size == "default" {
  $generic-checkbox-arrow-icon-size: 1em !default;
  $generic-checkbox-arrow-font-size: 16px !default;
  $generic-checkbox-indeterminate-icon-size: 1em !default;
  $generic-checkbox-indeterminate-font-size: 12px;
  $generic-checkbox-indeterminate-icon-margin: 0.33em !default;
  $generic-checkbox-size: 22px !default;
}

@else if $size == "compact" {
  $generic-checkbox-arrow-icon-size: 1em !default;
  $generic-checkbox-arrow-font-size: 10px !default;
  $generic-checkbox-indeterminate-icon-size: 1em !default;
  $generic-checkbox-indeterminate-font-size: 8px;
  $generic-checkbox-indeterminate-icon-margin: 0.375em !default;
  $generic-checkbox-size: 16px !default;
}