No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_dropdown.scss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. //
  2. // Dropdown
  3. //
  4. // General styles
  5. .dropdown,
  6. .dropup,
  7. .dropright,
  8. .dropleft {
  9. display: inline-block;
  10. }
  11. .dropdown-menu {
  12. min-width: 12rem;
  13. .dropdown-item {
  14. padding: .5rem 1rem;
  15. font-size: $font-size-sm;
  16. > i,
  17. > svg {
  18. margin-right: 1rem;
  19. font-size: 1rem;
  20. vertical-align: -17%;
  21. }
  22. }
  23. }
  24. .dropdown-header {
  25. padding-left: 1rem;
  26. padding-right: 1rem;
  27. color: $gray-100;
  28. font-size: .625rem;
  29. text-transform: uppercase;
  30. font-weight: 700;
  31. }
  32. // Media components inside dropdown link
  33. .dropdown-menu {
  34. a.media {
  35. > div {
  36. &:first-child {
  37. line-height: 1;
  38. }
  39. }
  40. p {
  41. color: $gray-600;
  42. }
  43. &:hover {
  44. .heading,
  45. p {
  46. color: theme-color("default") !important;
  47. }
  48. }
  49. }
  50. }
  51. // Size variations
  52. .dropdown-menu-sm {
  53. min-width: 100px;
  54. border: $border-radius-lg;
  55. }
  56. .dropdown-menu-lg {
  57. min-width: 260px;
  58. border-radius: $border-radius-lg;
  59. }
  60. .dropdown-menu-xl {
  61. min-width: 450px;
  62. border-radius: $border-radius-lg;
  63. }