// // bootstrap-rtl.scss // // Dropdowns .dropdown-menu { &.show { text-align: right; left: auto !important; right: 0; bottom: auto; } } .dropdown-menu-right { right: auto !important; left: 0 !important; &.show { left: 0 !important; } } // List ul { padding-right: 0; } .list-inline-item:not(:last-child) { margin-left: 6px; margin-right: 0px; } // border .border-right { border-left: $border-width solid $border-color !important; } .border-left { border-right: $border-width solid $border-color !important; } // Buttons .btn-label { margin: -.55rem -.9rem -.55rem .9rem; } .btn-label-right { margin: (-$btn-padding-y) ($btn-padding-x) (-$btn-padding-y) (-$btn-padding-x); } .btn-group, .btn-group-vertical { direction: ltr; } // pagination .pagination{ .page-item { &:first-child { .page-link { margin-right: 0;//rtl border-top-left-radius: 0px; border-bottom-left-radius: 0px; @include border-right-radius($border-radius);//rtl } } &:last-child { .page-link { border-top-right-radius: 0px; border-bottom-right-radius: 0px; @include border-left-radius($border-radius);//rtl } } } } // blockquote .blockquote-reverse{ text-align: left !important; } // dl dd { margin-right: 0; } // Modal .custom-modal-title{ text-align: right; } .modal-header { .close { margin: (-$modal-header-padding-y) auto (-$modal-header-padding-x) (-$modal-header-padding-y); left: 0px; } } .modal-demo { .close{ left: 25px; right: auto; } } .modal-footer { > :not(:first-child) { margin-right: .25rem; margin-left: 0; } > :not(:last-child) { margin-left: .25rem; margin-right: 0; } } // Alerts .alert-dismissible { padding-left: $close-font-size + $alert-padding-x * 2; padding-right: $alert-padding-x; .close { left: 0; right: auto; } } // Breadcrumb item arrow .breadcrumb-item { +.breadcrumb-item { padding-right: $breadcrumb-item-padding; padding-left: 0px; &::before { padding-left: $breadcrumb-item-padding; padding-right: 0px; content: "\F0141"; } } } // Forms right check box .form-check-right { padding-right: 0 !important; padding-left: 1.25rem !important; .form-check-input{ right: auto; left: 0; margin-right: 0; } } .custom-control-right{ padding-left: 1.5rem !important; padding-right: 0 !important; .custom-control-label{ display: block; &:before, &:after{ right: auto; left: -1.5rem; } } .custom-control-input{ right: auto; left: 0; } } // Custom Checkbox-Radio .form-check{ padding-left: 0; padding-right: $form-check-input-gutter; } .form-check-input{ margin-left: 0; margin-right: -$form-check-input-gutter; } .form-check-inline{ margin-left: .75rem; margin-right: 0; } .custom-control { padding-right: $custom-control-gutter + $custom-control-indicator-size; padding-left: 0; } .custom-control-inline{ margin-right: 0; margin-left: $custom-control-spacer-x; } .custom-control-label { &::before { left: auto; right: -($custom-control-gutter + $custom-control-indicator-size); } // Foreground (icon) &::after { left: auto; right: -($custom-control-gutter + $custom-control-indicator-size); } } .custom-switch { padding-right: $custom-switch-width + $custom-control-gutter; padding-left: 0; .custom-control-label { &::before { right: -($custom-switch-width + $custom-control-gutter); left: auto; } &::after { right: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2}); left: auto; } } .custom-control-input:checked~.custom-control-label { &::after { transform: translateX(#{-($custom-switch-width - $custom-control-indicator-size)}); } } } .custom-file-label { &::after { right: auto; left: 0; border-right: inherit; } } // Input Group .input-group-prepend { margin-left: -1px; margin-right: 0; } .input-group-append { margin-right: -1px; margin-left: 0; } .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) { border-top-right-radius: $input-border-radius; border-bottom-right-radius: $input-border-radius; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: $input-border-radius; border-bottom-left-radius: $input-border-radius; border-top-right-radius: 0; border-bottom-right-radius: 0; }