navbar.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. //
  2. // Flavor Navbar
  3. // --------------------------------------------------
  4. .navbar-misago {
  5. border-bottom: none;
  6. .shadow-3dp();
  7. }
  8. // Sign in/register buttons
  9. .navbar-misago .nav-guest {
  10. .btn-default {
  11. background: @navbar-btn-default-bg;
  12. border-color: @navbar-btn-default-border;
  13. color: @navbar-btn-default-color;
  14. &:hover, &:focus {
  15. background: @navbar-btn-default-hover-bg;
  16. border-color: @navbar-btn-default-hover-border;
  17. color: @navbar-btn-default-hover-color;
  18. }
  19. &:active {
  20. background: @navbar-btn-default-active-bg;
  21. border-color: @navbar-btn-default-active-border;
  22. color: @navbar-btn-default-active-color;
  23. }
  24. }
  25. .btn-primary {
  26. background: @navbar-btn-primary-bg;
  27. border-color: @navbar-btn-primary-border;
  28. color: @navbar-btn-primary-color;
  29. &:hover, &:focus {
  30. background: @navbar-btn-primary-hover-bg;
  31. border-color: @navbar-btn-primary-hover-border;
  32. color: @navbar-btn-primary-hover-color;
  33. }
  34. &:active {
  35. background: @navbar-btn-primary-active-bg;
  36. border-color: @navbar-btn-primary-active-border;
  37. color: @navbar-btn-primary-active-color;
  38. }
  39. }
  40. }
  41. // Round up user's avatar
  42. .navbar-misago .user-avatar {
  43. border-radius: @border-radius-small;
  44. }
  45. // Round up brand's icon
  46. .navbar-misago .brand-link img {
  47. border-radius: @border-radius-small;
  48. }