_rtl.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. // breadcrumb
  2. .rtl {
  3. .breadcrumb {
  4. .breadcrumb-item + .breadcrumb-item::before {
  5. float: right;
  6. padding-left: $breadcrumb-item-padding-x;
  7. padding-right: 0;
  8. }
  9. }
  10. .sidenav {
  11. .navbar-nav {
  12. width: 100%;
  13. padding-right: 0;
  14. }
  15. }
  16. .fixed-plugin {
  17. .fixed-plugin-button {
  18. left: $fixed-plugin-right;
  19. right: auto;
  20. }
  21. .card {
  22. left: -$fixed-plugin-card-width !important;
  23. right: auto;
  24. }
  25. &.show {
  26. .card {
  27. right: auto;
  28. left: 0 !important;
  29. }
  30. }
  31. }
  32. .timeline {
  33. .timeline-content {
  34. margin-right: $timeline-content-margin-left;
  35. margin-left: 0;
  36. }
  37. .timeline-step {
  38. transform: $timeline-step-transform-rtl;
  39. }
  40. &.timeline-one-side {
  41. &:before {
  42. right: $timeline-left;
  43. }
  44. .timeline-step {
  45. right: $timeline-left;
  46. }
  47. }
  48. }
  49. .form-check {
  50. &.form-switch {
  51. .form-check-input {
  52. &:after {
  53. transform: translateX(-$form-switch-translate-x-start);
  54. }
  55. &:checked:after {
  56. transform: translateX(-$form-switch-translate-x-end);
  57. }
  58. }
  59. }
  60. }
  61. .avatar-group {
  62. .avatar + .avatar {
  63. margin-left: 0;
  64. margin-right: $avatar-group-double;
  65. }
  66. }
  67. .dropdown {
  68. .dropdown-menu {
  69. left: 0;
  70. }
  71. }
  72. .input-group {
  73. .input-group-text {
  74. border-left: 0;
  75. border-top-left-radius: 0;
  76. border-bottom-left-radius: 0;
  77. border-right: $input-border-width solid $input-border-color;
  78. }
  79. & > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  80. margin-right: -1px;
  81. border-top-left-radius: $input-border-radius;
  82. border-bottom-left-radius: $input-border-radius;
  83. border-right: 0;
  84. border-left: $input-border-width solid $input-border-color;
  85. }
  86. &:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
  87. &:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  88. border-top-right-radius: $input-border-radius;
  89. border-bottom-right-radius: $input-border-radius;
  90. }
  91. }
  92. }