_dropdowns.scss

@use './../color';
@use './../commons';

// Dropdowns
//
// Dropdown menu container and contents.

$dropdown-min-width: 10rem !default;
$dropdown-padding-y: 0.5rem !default;
$dropdown-spacer: 0.125rem !default;
$dropdown-bg: color.$white !default;
$dropdown-border-color: rgba(color.$black, 0.15) !default;
$dropdown-border-radius: commons.$border-radius !default;
$dropdown-border-width: commons.$border-width !default;
$dropdown-divider-bg: color.$white-alpha-60 !default;
$dropdown-box-shadow: 0 0.5rem 1rem rgba(color.$black, 0.175) !default;

$dropdown-link-color: color.$gray-60 !default;
$dropdown-link-hover-color: color.$black !default;
$dropdown-link-hover-bg: color.$light !default;

$dropdown-link-active-color: color.$gray-80 !default;
$dropdown-link-active-bg: color.$yellow !default;

$dropdown-link-disabled-color: color.$gray-20 !default;

$dropdown-item-padding-y: 0.25rem !default;
$dropdown-item-padding-x: 1.5rem !default;

$dropdown-header-color: color.$gray-20 !default;