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.

122 lines
1.9 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. }
  37. // Links within the dropdown menu
  38. > li > a {
  39. display: block;
  40. padding:12px 15px;
  41. font-size:13px;
  42. clear: both;
  43. font-weight: normal;
  44. line-height: $line-height-base;
  45. color: $body-color;
  46. white-space: nowrap; // prevent links from randomly breaking onto new lines
  47. }
  48. }
  49. // Hover/Focus state
  50. .dropdown-menu > li > a {
  51. &:hover,
  52. &:focus {
  53. text-decoration: none;
  54. color: $color-primary ;
  55. background-color: #f4f8f9;
  56. }
  57. }
  58. // Active state
  59. .dropdown-menu > .active > a {
  60. &,
  61. &:hover,
  62. &:focus {
  63. color: $color-primary;
  64. text-decoration: none;
  65. outline: 0;
  66. background-color: #f4f8f9;
  67. }
  68. }
  69. // Open state for the dropdown
  70. .open {
  71. > .dropdown-menu {
  72. display: block;
  73. }
  74. > a {
  75. outline: 0;
  76. }
  77. }
  78. .dropdown-menu-right {
  79. left: auto;
  80. right: 0;
  81. }
  82. .dropdown-menu-left {
  83. left: 0;
  84. right: auto;
  85. }
  86. .dropdown-backdrop {
  87. position: fixed;
  88. left: 0;
  89. right: 0;
  90. bottom: 0;
  91. top: 0;
  92. z-index: 990;
  93. }
  94. .pull-right > .dropdown-menu {
  95. right: 0;
  96. left: auto;
  97. }
  98. .dropup,
  99. .navbar-fixed-bottom .dropdown {
  100. .dropdown-menu {
  101. top: auto;
  102. bottom: 100%;
  103. margin-bottom: 2px;
  104. }
  105. }