// -------------------------------------------------- // Deprecated flips for Bootstrap RTL v3.x // Morteza Ansarinia // http://github.com/morteza/bootstrap-rtl // -------------------------------------------------- // Regular, semantically correct Bootstrap RTL // Core variables and mixins imported from the latest original bootstrap @import "../bootstrap/less/variables.less"; @import "variables-rtl.less"; @import "mixins-rtl.less"; // ---- Single side border-radius ---- .border-right-radius(@radius) { border-bottom-left-radius: @radius; border-top-left-radius: @radius; } .border-left-radius(@radius) { border-bottom-right-radius: @radius; border-top-right-radius: @radius; } // Reset and dependencies @import "normalize-rtl.less"; //@import "print.less"; //@import "glyphicons.less"; // Core CSS //@import "scaffolding.less"; @import "type-rtl.less"; //@import "code.less"; @import "grid-rtl.less"; @import "tables-rtl.less"; @import "forms-rtl.less"; //@import "buttons.less"; // Components //@import "component-animations.less"; @import "dropdowns-rtl.less"; @import "button-groups-rtl.less"; @import "input-groups-rtl.less"; @import "navs-rtl.less"; @import "navbar-rtl.less"; //@import "breadcrumbs.less"; @import "pagination-rtl.less"; @import "pager-rtl.less"; //@import "labels.less"; @import "badges-rtl.less"; //@import "jumbotron.less"; //@import "thumbnails.less"; @import "alerts-rtl.less"; @import "progress-bars-rtl.less"; @import "media-rtl.less"; @import "list-group-rtl.less"; @import "panels-rtl.less"; @import "responsive-embed-rtl.less"; //@import "wells.less"; @import "close-rtl.less"; // Components w/ JavaScript @import "modals-rtl.less"; //@import "tooltip.less"; @import "popovers-rtl.less"; @import "carousel-rtl.less"; // Utility classes @import "utilities-rtl.less"; //@import "responsive-utilities.less"; // --------------------------------------------- // Flipped classes // --------------------------------------------- // ---- Utilities ---- .pull-right { float: left !important; } .pull-left { float: right !important; } //TODO carousel //TODO Glyphicons // ---- Dropdown ---- .dropdown-menu-left { left: auto; right: 0; } // ---- Media ---- .media-right, .media > .pull-right { padding-right: 10px; padding-left: initial; } .media-left, .media > .pull-left { padding-left: 10px; padding-right: initial; } // ---- Navbar ---- @media (min-width: @grid-float-breakpoint) { .navbar-left { .pull-right(); } .navbar-right { .pull-left(); margin-left: -@navbar-padding-horizontal; margin-right: initial; ~ .navbar-right { margin-left: 0; margin-right: initial; } } } // ---- Tooltip ---- .tooltip { &.top-left .tooltip-arrow { left: @tooltip-arrow-width; } &.top-right .tooltip-arrow { right: @tooltip-arrow-width; } &.right .tooltip-arrow { right: 0; border-left-color: @tooltip-arrow-color; } &.left .tooltip-arrow { left: 0; border-right-color: @tooltip-arrow-color; } &.bottom-left .tooltip-arrow { left: @tooltip-arrow-width; } &.bottom-right .tooltip-arrow { right: @tooltip-arrow-width; } } // ---- Type ---- .text-left { text-align: right; } .text-right { text-align: left; } //DEPRECATED blockquote.pull-right { padding-left: 15px; padding-right: 0; border-left: 5px solid @blockquote-border-color; border-right: 0; text-align: left; }