_dropdown.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. // The dropdown menu
  2. .dropdown-menu {
  3. color: $dropdown-color-alt;
  4. background-color: $dropdown-bg-alt;
  5. border: $dropdown-border-width solid $dropdown-border-color-alt;
  6. @include box-shadow($dropdown-box-shadow-alt);
  7. }
  8. // Dividers (basically an `<hr>`) within the dropdown
  9. .dropdown-divider {
  10. border-top: 1px solid $dropdown-divider-bg-alt;
  11. }
  12. // Links, buttons, and more within the dropdown menu
  13. .dropdown-item {
  14. color: $dropdown-link-color-alt;
  15. background-color: transparent; // For `<button>`s
  16. border: 0; // For `<button>`s
  17. &:hover,
  18. &:focus {
  19. color: $dropdown-link-hover-color-alt;
  20. @include gradient-bg($dropdown-link-hover-bg-alt);
  21. }
  22. &.active,
  23. &:active {
  24. color: $dropdown-link-active-color-alt;
  25. @include gradient-bg($dropdown-link-active-bg-alt);
  26. }
  27. &.disabled,
  28. &:disabled {
  29. color: $dropdown-link-disabled-color-alt;
  30. background-color: transparent;
  31. // Remove CSS gradients if they're enabled
  32. background-image: if($enable-gradients, none, null);
  33. }
  34. }
  35. // Dropdown section headers
  36. .dropdown-header {
  37. color: $dropdown-header-color-alt;
  38. }
  39. // Dropdown text
  40. .dropdown-item-text {
  41. color: $dropdown-link-color-alt;
  42. }
  43. // Dark dropdowns
  44. .dropdown-menu-dark {
  45. color: $dropdown-dark-color-alt;
  46. background-color: $dropdown-dark-bg-alt;
  47. border-color: $dropdown-dark-border-color-alt;
  48. @include box-shadow($dropdown-dark-box-shadow-alt);
  49. .dropdown-item {
  50. color: $dropdown-dark-link-color-alt;
  51. &:hover,
  52. &:focus {
  53. color: $dropdown-dark-link-hover-color-alt;
  54. @include gradient-bg($dropdown-dark-link-hover-bg-alt);
  55. }
  56. &.active,
  57. &:active {
  58. color: $dropdown-dark-link-active-color-alt;
  59. @include gradient-bg($dropdown-dark-link-active-bg-alt);
  60. }
  61. &.disabled,
  62. &:disabled {
  63. color: $dropdown-dark-link-disabled-color-alt;
  64. }
  65. }
  66. .dropdown-divider {
  67. border-color: $dropdown-dark-divider-bg-alt;
  68. }
  69. .dropdown-item-text {
  70. color: $dropdown-dark-link-color-alt;
  71. }
  72. .dropdown-header {
  73. color: $dropdown-dark-header-color-alt;
  74. }
  75. }