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.

125 lines
2.0 KiB

  1. // The dropdown wrapper (div)
  2. .dropup,
  3. .dropdown {
  4. position: relative;
  5. }
  6. // Prevent the focus on the dropdown toggle when closing dropdowns
  7. .dropdown-toggle:focus {
  8. outline: 0;
  9. }
  10. // The dropdown menu (ul)
  11. .dropdown-menu {
  12. position: absolute;
  13. top: 100%;
  14. left: 0;
  15. z-index: 1000 ;
  16. display: none;
  17. float: left;
  18. min-width: 160px;
  19. padding: 0;
  20. margin: 0;
  21. list-style: none;
  22. font-size: $font-size-base;
  23. text-align: left;
  24. background-color: #fff;
  25. border: 1px solid #767676;
  26. border-radius: 0;
  27. -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  28. -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  29. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  30. background-clip: padding-box;
  31. &.pull-right {
  32. right: 0;
  33. left: auto;
  34. }
  35. .divider {
  36. height: 1px;
  37. margin: 9px 0;
  38. overflow: hidden;
  39. background-color: #e5e5e5;
  40. }
  41. // Links within the dropdown menu
  42. > li > a {
  43. display: block;
  44. padding:12px 15px;
  45. font-size:13px;
  46. clear: both;
  47. font-weight: normal;
  48. line-height: $line-height-base;
  49. color: $body-color;
  50. white-space: nowrap; // prevent links from randomly breaking onto new lines
  51. }
  52. }
  53. // Hover/Focus state
  54. .dropdown-menu > li > a {
  55. &:hover,
  56. &:focus {
  57. text-decoration: none;
  58. color: $color-primary ;
  59. background-color: #f4f8f9;
  60. }
  61. }
  62. // Active state
  63. .dropdown-menu > .active > a {
  64. &,
  65. &:hover,
  66. &:focus {
  67. color: $color-primary;
  68. text-decoration: none;
  69. outline: 0;
  70. background-color: #f4f8f9;
  71. }
  72. }
  73. // Open state for the dropdown
  74. .open {
  75. > .dropdown-menu {
  76. display: block;
  77. }
  78. > a {
  79. outline: 0;
  80. }
  81. }
  82. .dropdown-menu-right {
  83. left: auto;
  84. right: 0;
  85. }
  86. .dropdown-menu-left {
  87. left: 0;
  88. right: auto;
  89. }
  90. .dropdown-backdrop {
  91. position: fixed;
  92. left: 0;
  93. right: 0;
  94. bottom: 0;
  95. top: 0;
  96. z-index: 990;
  97. }
  98. .pull-right > .dropdown-menu {
  99. right: 0;
  100. left: auto;
  101. }
  102. .dropup,
  103. .navbar-fixed-bottom .dropdown {
  104. .dropdown-menu {
  105. top: auto;
  106. bottom: 100%;
  107. margin-bottom: 2px;
  108. }
  109. }