_nav.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .s2-docs-nav {
  2. margin-bottom: 0;
  3. border-color: #eee;
  4. background-color: #f6f6f6;
  5. .navbar-brand {
  6. font-weight: 500;
  7. img {
  8. margin-right: 4px;
  9. }
  10. }
  11. .navbar-nav > .active > a,
  12. .navbar-nav > .active > a:hover,
  13. .navbar-nav > .active > a:focus {
  14. background-color: #f0f0f0;
  15. color: #000;
  16. }
  17. @media (min-width: 768px) {
  18. .navbar-nav > li > .dropdown-menu:before {
  19. position: absolute;
  20. top: -21px;
  21. left: 24px;
  22. display: block;
  23. width: 0;
  24. height: 0;
  25. border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.1);
  26. border-style: solid;
  27. border-width: 10px;
  28. content: "";
  29. }
  30. .navbar-nav > li > .dropdown-menu:after {
  31. position: absolute;
  32. top: -20px;
  33. left: 24px;
  34. display: block;
  35. width: 0;
  36. height: 0;
  37. border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
  38. border-style: solid;
  39. border-width: 10px;
  40. content: '';
  41. }
  42. .navbar-nav .dropdown-menu {
  43. border-radius: 4px;
  44. border-color: #ddd;
  45. margin-top: -1px;
  46. }
  47. }
  48. }