navbar.less 910 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. //
  2. // Misago Navbar
  3. // --------------------------------------------------
  4. // Navbar brand
  5. .navbar-primary {
  6. border-bottom-width: 1px;
  7. .navbar-brand {
  8. font-size: @font-size-large * 1.2;
  9. img {
  10. border-radius: @border-radius-small;
  11. display: inline-block;
  12. height: @navbar-height - @navbar-padding-vertical * 2 + 3px;
  13. position: relative;
  14. bottom: 2px;
  15. }
  16. }
  17. }
  18. // Navbar nav
  19. .navbar-primary {
  20. .navbar-nav {
  21. // Make icons bigger
  22. &>li {
  23. &>a {
  24. .fa, .glyphicon {
  25. position: relative;
  26. top: (@font-size-large - @font-size-base) / 2 + 1px;
  27. font-size: @font-size-large;
  28. }
  29. }
  30. }
  31. // Uncollapse the nav
  32. float: right;
  33. margin: 0;
  34. > li {
  35. float: left;
  36. > a {
  37. padding-top: @navbar-padding-vertical;
  38. padding-bottom: @navbar-padding-vertical;
  39. }
  40. }
  41. }
  42. }