@use "../../core/settings/globals" as *;
@use "../../core/tools/functions" as *;

////
/// Checkboxes settings
///
/// @group components/checkboxes
////

$nhsuk-checkboxes-size: nhsuk-px-to-rem(40px) !default;
$nhsuk-checkboxes-small-size: nhsuk-px-to-rem(24px) !default;

$nhsuk-checkboxes-label-padding-left-right: nhsuk-px-to-rem(12px) !default;

// Offset 2px due to 40px form control with 44px clickable area
// https://nhsuk.github.io/nhsuk-frontend/examples/form-alignment/
$nhsuk-checkboxes-offset: $nhsuk-border-width-form-element;