.rtl { direction: rtl; text-align: right; .nav { padding-right: 0; } // .navbar-brand { // float: right; // margin-right: inherit; // margin-left: 1rem; // } .navbar-nav .nav-item { float: right; } .navbar-nav .nav-item + .nav-item { margin-right: 1rem; margin-left: inherit; } th { text-align: right; } .dropdown-menu { text-align: right; } .checkbox label { padding-right: 1.25rem; padding-left: inherit; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-radius: 0 .2rem .2rem 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-radius: .2rem 0 0 .2rem; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child{ border-radius: .2rem 0 0 .2rem; } .custom-control { padding-right: 1.5rem; padding-left: inherit; margin-right: inherit; margin-left: 1rem; } .custom-control-indicator { right: 0; left: inherit; } .custom-file-control::before { right: calc(100% - 77px);; left: -1px; border-radius: .25rem 0 0 .25rem; } .radio input, .radio-inline, .checkbox input, .checkbox-inline input { margin-right: -1.25rem; margin-left: inherit; } .list-group { padding-right: 0; padding-left: 40px; } .close { float: left; } .modal-header .close { margin: -15px auto -15px -15px; } .modal-footer > :not(:first-child) { margin-right: .25rem; } .alert-dismissible .close { right: inherit; left: 0; } .dropdown-toggle::after { margin-right: .255em; margin-left: 0; } .form-check-input { margin-right: -1.25rem; margin-left: inherit; } .form-check-label { padding-right: 1.25rem; padding-left: inherit; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle { border-radius: .25rem .25rem 0 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-radius: 0 0 .25rem .25rem; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: right; } // .pull-xs-0 { // left: auto; // } // @for $i from 1 through 12 { // .pull-xs-#{$i} { // left: ($i / 12) * 100 + 0%; // } // } // .push-xs-0 { // right: auto; // } @for $i from 1 through 12 { .push-xs-#{$i} { right: ($i / 12) * 100 + 0%; } } @for $i from 0 through 12 { .offset-xs-#{$i} { margin-right: ($i / 12) * 100 + 0%; } } @media (min-width: 544px){ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right; } // .pull-sm-0 { // left: auto; // } // @for $i from 1 through 12 { // .pull-sm-#{$i} { // left: ($i / 12) * 100 + 0%; // } // } // .push-sm-0 { // right: auto; // } // @for $i from 1 through 12 { // .push-sm-#{$i} { // right: ($i / 12) * 100 + 0%; // } // } @for $i from 0 through 12 { .offset-sm-#{$i} { margin-right: ($i / 12) * 100 + 0%; } } } @media (min-width: 768px){ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: right; } // .pull-md-0 { // left: auto; // } // @for $i from 1 through 12 { // .pull-md-#{$i} { // left: ($i / 12) * 100 + 0%; // } // } // .push-md-0 { // right: auto; // } // @for $i from 1 through 12 { // .push-md-#{$i} { // right: ($i / 12) * 100 + 0%; // } // } @for $i from 0 through 12 { .offset-md-#{$i} { margin-right: ($i / 12) * 100 + 0%; } } } @media (min-width: 992px){ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; } // .pull-lg-0 { // left: auto; // } // @for $i from 1 through 12 { // .pull-lg-#{$i} { // left: ($i / 12) * 100 + 0%; // } // } // .push-lg-0 { // right: auto; // } // @for $i from 1 through 12 { // .push-lg-#{$i} { // right: ($i / 12) * 100 + 0%; // } // } @for $i from 0 through 12 { .offset-lg-#{$i} { margin-right: ($i / 12) * 100 + 0%; } } } @media (min-width: 1200px){ .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: right; } // .pull-xl-0 { // left: auto; // } // @for $i from 1 through 12 { // .pull-xl-#{$i} { // left: ($i / 12) * 100 + 0%; // } // } // .push-xl-0 { // right: auto; // } // @for $i from 1 through 12 { // .push-xl-#{$i} { // right: ($i / 12) * 100 + 0%; // } // } @for $i from 0 through 12 { .offset-xl-#{$i} { margin-right: ($i / 12) * 100 + 0%; } } } }