@use "../../core/helpers/colour" as *;
@use "../../core/settings/colours-applied" as *;
@use "../../core/settings/globals" as *;

////
/// Details settings
///
/// @group components/details
////

$nhsuk-expander-border-width: 1px;
$nhsuk-expander-border-bottom-width: $nhsuk-border-width;
$nhsuk-expander-border-colour: $nhsuk-border-colour;
$nhsuk-expander-border-hover-colour: nhsuk-colour("grey-3");
$nhsuk-expander-icon-size: 27px; // 19px font size + 4px summary text padding

// @deprecated To be removed in v11.0
$expander-border-width: $nhsuk-expander-border-width;
$expander-border-bottom-width: $nhsuk-expander-border-bottom-width;
$expander-border-color: $nhsuk-expander-border-colour;
$expander-border-colour: $nhsuk-expander-border-colour;
$expander-border-hover-color: $nhsuk-expander-border-hover-colour;
$expander-border-hover-colour: $nhsuk-expander-border-hover-colour;
$expander-icon-size: $nhsuk-expander-icon-size;