bootstrap-flipped.less 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. // --------------------------------------------------
  2. // Deprecated flips for Bootstrap RTL v3.x
  3. // Morteza Ansarinia
  4. // http://github.com/morteza/bootstrap-rtl
  5. // --------------------------------------------------
  6. // Regular, semantically correct Bootstrap RTL
  7. // Core variables and mixins imported from the latest original bootstrap
  8. @import "../bootstrap/less/variables.less";
  9. @import "variables-rtl.less";
  10. @import "mixins-rtl.less";
  11. // ---- Single side border-radius ----
  12. .border-right-radius(@radius) {
  13. border-bottom-left-radius: @radius;
  14. border-top-left-radius: @radius;
  15. }
  16. .border-left-radius(@radius) {
  17. border-bottom-right-radius: @radius;
  18. border-top-right-radius: @radius;
  19. }
  20. // Reset and dependencies
  21. @import "normalize-rtl.less";
  22. //@import "print.less";
  23. //@import "glyphicons.less";
  24. // Core CSS
  25. //@import "scaffolding.less";
  26. @import "type-rtl.less";
  27. //@import "code.less";
  28. @import "grid-rtl.less";
  29. @import "tables-rtl.less";
  30. @import "forms-rtl.less";
  31. //@import "buttons.less";
  32. // Components
  33. //@import "component-animations.less";
  34. @import "dropdowns-rtl.less";
  35. @import "button-groups-rtl.less";
  36. @import "input-groups-rtl.less";
  37. @import "navs-rtl.less";
  38. @import "navbar-rtl.less";
  39. //@import "breadcrumbs.less";
  40. @import "pagination-rtl.less";
  41. @import "pager-rtl.less";
  42. //@import "labels.less";
  43. @import "badges-rtl.less";
  44. //@import "jumbotron.less";
  45. //@import "thumbnails.less";
  46. @import "alerts-rtl.less";
  47. @import "progress-bars-rtl.less";
  48. @import "media-rtl.less";
  49. @import "list-group-rtl.less";
  50. @import "panels-rtl.less";
  51. @import "responsive-embed-rtl.less";
  52. //@import "wells.less";
  53. @import "close-rtl.less";
  54. // Components w/ JavaScript
  55. @import "modals-rtl.less";
  56. //@import "tooltip.less";
  57. @import "popovers-rtl.less";
  58. @import "carousel-rtl.less";
  59. // Utility classes
  60. @import "utilities-rtl.less";
  61. //@import "responsive-utilities.less";
  62. // ---------------------------------------------
  63. // Flipped classes
  64. // ---------------------------------------------
  65. // ---- Utilities ----
  66. .pull-right {
  67. float: left !important;
  68. }
  69. .pull-left {
  70. float: right !important;
  71. }
  72. //TODO carousel
  73. //TODO Glyphicons
  74. // ---- Dropdown ----
  75. .dropdown-menu-left {
  76. left: auto;
  77. right: 0;
  78. }
  79. // ---- Media ----
  80. .media-right,
  81. .media > .pull-right {
  82. padding-right: 10px;
  83. padding-left: initial;
  84. }
  85. .media-left,
  86. .media > .pull-left {
  87. padding-left: 10px;
  88. padding-right: initial;
  89. }
  90. // ---- Navbar ----
  91. @media (min-width: @grid-float-breakpoint) {
  92. .navbar-left { .pull-right(); }
  93. .navbar-right {
  94. .pull-left();
  95. margin-left: -@navbar-padding-horizontal;
  96. margin-right: initial;
  97. ~ .navbar-right {
  98. margin-left: 0;
  99. margin-right: initial;
  100. }
  101. }
  102. }
  103. // ---- Tooltip ----
  104. .tooltip {
  105. &.top-left .tooltip-arrow {
  106. left: @tooltip-arrow-width;
  107. }
  108. &.top-right .tooltip-arrow {
  109. right: @tooltip-arrow-width;
  110. }
  111. &.right .tooltip-arrow {
  112. right: 0;
  113. border-left-color: @tooltip-arrow-color;
  114. }
  115. &.left .tooltip-arrow {
  116. left: 0;
  117. border-right-color: @tooltip-arrow-color;
  118. }
  119. &.bottom-left .tooltip-arrow {
  120. left: @tooltip-arrow-width;
  121. }
  122. &.bottom-right .tooltip-arrow {
  123. right: @tooltip-arrow-width;
  124. }
  125. }
  126. // ---- Type ----
  127. .text-left { text-align: right; }
  128. .text-right { text-align: left; }
  129. //DEPRECATED
  130. blockquote.pull-right {
  131. padding-left: 15px;
  132. padding-right: 0;
  133. border-left: 5px solid @blockquote-border-color;
  134. border-right: 0;
  135. text-align: left;
  136. }