navs-rtl.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. //
  2. // Navs
  3. // --------------------------------------------------
  4. // Base class
  5. // --------------------------------------------------
  6. .nav {
  7. padding-right: 0; // Override default ul/ol
  8. padding-left: initial;
  9. }
  10. // Tabs
  11. // -------------------------
  12. // Give the tabs something to sit on
  13. .nav-tabs {
  14. > li {
  15. float: right;
  16. // Actual tabs (as links)
  17. > a {
  18. margin-left: auto;
  19. margin-right: -2px;
  20. border-radius: @border-radius-base @border-radius-base 0 0;
  21. }
  22. }
  23. }
  24. // Pills
  25. // -------------------------
  26. .nav-pills {
  27. > li {
  28. float: right;
  29. // Links rendered as pills
  30. > a {
  31. border-radius: @nav-pills-border-radius;
  32. }
  33. + li {
  34. margin-right: 2px;
  35. margin-left: auto;
  36. }
  37. }
  38. }
  39. // Stacked pills
  40. .nav-stacked {
  41. > li {
  42. float: none;
  43. + li {
  44. margin-right: 0; // no need for this gap between nav items
  45. margin-left: auto;
  46. }
  47. }
  48. }
  49. // Nav variations
  50. // --------------------------------------------------
  51. // Justified nav links
  52. // -------------------------
  53. .nav-justified {
  54. > .dropdown .dropdown-menu {
  55. right: auto;
  56. }
  57. }
  58. // Move borders to anchors instead of bottom of list
  59. //
  60. // Mixin for adding on top the shared `.nav-justified` styles for our tabs
  61. .nav-tabs-justified {
  62. > li > a {
  63. // Override margin from .nav-tabs
  64. margin-left: 0;
  65. margin-right: auto;
  66. }
  67. @media (min-width: @screen-sm-min) {
  68. > li > a {
  69. border-radius: @border-radius-base @border-radius-base 0 0;
  70. }
  71. }
  72. }