dropdowns.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. //
  2. // Dropdowns
  3. // --------------------------------------------------
  4. // Unify .btn-link appearance with anchors
  5. .dropdown-menu>li>a,
  6. .dropdown-menu>li>.btn-link {
  7. display: block;
  8. border: none;
  9. clear: both;
  10. float: none;
  11. padding: 4px 20px;
  12. width: 100%;
  13. color: @dropdown-link-color;
  14. font-weight: normal;
  15. line-height: @line-height-base;
  16. text-align: left;
  17. white-space: nowrap;
  18. &:hover, &:focus {
  19. background-color: @dropdown-link-hover-bg;
  20. color: @dropdown-link-hover-color;
  21. text-decoration: none;
  22. }
  23. // Set material icons in dropdown menus
  24. .material-icon {
  25. margin: -2px 0px;
  26. margin-right: @line-height-computed * .35;
  27. position: relative;
  28. bottom: 1px;
  29. font-size: 18px;
  30. }
  31. }
  32. // Dropdown footer
  33. .dropdown-menu .dropdown-footer {
  34. padding: 6px 20px;
  35. }
  36. // Always displayed on mobile dropdown
  37. .mobile-dropdown {
  38. position: static;
  39. margin: 0px;
  40. }
  41. .mobile-dropdown.open>.dropdown-menu {
  42. border: none;
  43. border-radius: 0;
  44. .box-shadow(none);
  45. display: block;
  46. margin: 0px;
  47. width: 100%;
  48. position: static;
  49. }
  50. // Guest menu
  51. .user-dropdown .guest-preview {
  52. text-align: center;
  53. .row {
  54. margin: 0px;
  55. }
  56. }
  57. // User menu
  58. .navbar .user-dropdown {
  59. width: 240px;
  60. }
  61. .user-dropdown .dropdown-header {
  62. padding: 6px 20px;
  63. font-size: @font-size-large;
  64. strong {
  65. font-weight: normal;
  66. }
  67. }