navbar-tabbed-dropdown.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .enable_navbar_tabbed_dropdowns() when(@enable-navbar-tabbed-dropdowns = true) {
  2. //tabs inside navbar dropdown
  3. .dropdown-navbar {
  4. .nav-tabs {
  5. border-width: 0;
  6. box-shadow: none;
  7. background-color:#F9F9F9 !important;
  8. top: auto;
  9. width: 100%;
  10. //to make them all the same size
  11. > li {
  12. display: table-cell;
  13. width: 1%;
  14. float: none !important;//to override .rtl's
  15. > a {
  16. margin: 0 0 0 1px !important;
  17. text-align: center;
  18. box-shadow: none !important;
  19. background-color: #F9F9F9 !important;
  20. border-width: 0 !important;
  21. border-bottom: 2px solid #BECAD1 !important;
  22. //&:focus {
  23. // color: darken(desaturate(#5085AF, 5%), 5%) !important;
  24. //}
  25. &:before {
  26. //the small line separating tabs
  27. display: block;
  28. content: "";
  29. position: absolute;
  30. left: -1px;
  31. top: 3px;
  32. bottom: 3px;
  33. width: 1px;
  34. background-color: #BECAD1;
  35. }
  36. }
  37. &:first-child > a {
  38. margin-left: 0 !important;
  39. &:before {
  40. //hide the separator line
  41. display: none;
  42. }
  43. }
  44. &.active > a {
  45. border-bottom: 2px solid #79B0CE !important;
  46. color:#5085AF !important;
  47. background-color: #ECF2F7 !important;
  48. }
  49. }
  50. }//.nav-tabs
  51. .tab-content {
  52. padding: 0 !important;
  53. border-color: #FFF !important;
  54. .dropdown-menu {
  55. display: block;
  56. position: static;
  57. margin: 0 !important;
  58. padding-top: 2px;
  59. border-color: #FFF !important;
  60. box-shadow: none !important;
  61. width: 100%;
  62. }
  63. }//.tab-content
  64. &.navbar-pink {
  65. .nav-tabs > li.active > a {
  66. border-bottom: 2px solid #E5BCD4 !important;
  67. color: #C06090 !important;
  68. background-color: #F7ECF2 !important;
  69. }
  70. .nav-tabs > li:not(.active) > a:hover {
  71. color: #BA7396;
  72. }
  73. .nav-tabs > li > a:before {
  74. background-color: #CEBBCB;
  75. }
  76. .nav-tabs > li > a {
  77. border-bottom-color: #CEBBCD !important;
  78. }
  79. }
  80. }
  81. }
  82. .enable_navbar_tabbed_dropdowns();