Files
calebburke.dev/web/src/scss/layout/_rtl.scss
T
2026-06-24 23:47:55 -07:00

341 lines
6.3 KiB
SCSS

.v-locale--is-rtl {
.customizer-btn {
left: 30px;
right: unset;
}
.horizontal-navbar .icon-box {
margin-left: 12px;
}
.bg-img-1 {
position: absolute;
bottom: 0;
left: 0;
right: unset !important;
transform: scaleX(-1);
}
.ml-1 {
margin-left: unset !important;
margin-right: 4px;
}
.ml-2 {
margin-left: unset !important;
margin-right: 8px;
}
.mr-1 {
margin-right: unset !important;
margin-left: 4px;
}
.mr-2 {
margin-right: unset !important;
margin-left: 8px;
}
.mr-sm-2 {
margin-right: unset !important;
margin-left: 8px;
}
.mr-3 {
margin-right: unset !important;
margin-left: 12px !important;
}
.mr-4 {
margin-right: unset !important;
margin-left: 16px !important;
}
.ml-3 {
margin-left: unset !important;
margin-right: 12px !important;
}
.mr-auto {
margin-left: auto !important;
margin-right: unset !important;
}
.ml-4 {
margin-left: unset !important;
margin-right: 16px;
}
.ml-sm-4 {
margin-left: unset !important;
margin-right: 16px;
}
.ml-md-4 {
margin-left: unset !important;
margin-right: 16px;
}
.ml-sm-3 {
margin-left: unset !important;
margin-right: 12px;
}
.ml-5 {
margin-left: unset !important;
margin-right: 20px;
}
.ml-6 {
margin-left: unset !important;
margin-right: 24px;
}
.ml-10 {
margin-left: unset !important;
margin-right: 40px;
}
.pl-1 {
padding-left: unset !important;
padding-right: 4px !important;
}
.pl-2 {
padding-left: unset !important;
padding-right: 8px !important;
}
.pr-2 {
padding-left: 8px !important;
}
.pr-4 {
padding-left: 16px !important;
padding-right: unset !important;
}
.pl-4 {
padding-left: unset !important;
padding-right: 16px !important;
}
.right-pos-img {
right: unset;
left: 0;
transform: scaleX(-1);
top: 0;
}
.badg-dotDetail {
left: 0;
right: -8px;
}
.text-right {
text-align: left !important;
}
.text-sm-right,
.text-md-right {
text-align: left !important;
}
.text-sm-left {
text-align: right !important;
}
.text-left {
text-align: right !important;
}
.ml-auto,
.ml-sm-auto {
margin-left: unset !important;
margin-right: auto !important;
}
.justify-start {
justify-content: flex-end !important;
}
.vertical-table .v-table>.v-table__wrapper>table>tbody>tr>th {
border-left: thin solid rgba(var(--v-border-color), 1) !important;
}
.authentication .auth-header {
left: unset;
right: 0;
}
.horizontal-navbar li a {
padding: 10px 13px;
}
.horizontal-navbar {
li {
margin-right: 0;
margin-left: 15px;
}
}
// &.v-menu .v-overlay__content,
// &.search_popup .v-overlay__content,
// &.language_dropdown .v-overlay__content,
// &.notification_popup .v-overlay__content,
// &.profile_popup .v-overlay__content {
// left: inherit;
// }
.related-Product {
.carousel__prev.navarrow {
top: 0;
right: unset !important;
left: 0;
}
.carousel__next.navarrow {
top: 0;
right: unset !important;
left: 45px;
}
}
//RTL mode minisidebar hover to active scrollbar
.ps--active-y>.ps__rail-y {
right: unset !important;
left: 0;
}
//RTL mode sidebar scrollbar on right side
.left-customizer {
.ps__rail-y {
right: 0 !important;
}
}
.horizontal-navbar .ddMenu {
padding: 10px 15px 10px 0px;
}
.v-list-group__items {
.iconClass {
position: relative;
left: unset;
right: -2px;
}
}
@media (min-width: 960px) {
.horizontal-navbar .ddLevel-2,
.horizontal-navbar .ddLevel-3 {
top: -5px;
right: 212px;
}
.horizontal-navbar li a .navIcon {
margin-right: 0;
margin-left: 10px;
}
}
.leftSidebar .profile-name h5 {
direction: ltr;
}
.horizontal-navbar {
.ddMenu {
.navItemLink {
padding-right: 15px;
}
}
}
@media screen and (max-width:1279px) {
.mini-sidebar {
.v-navigation-drawer.v-navigation-drawer--right {
width: 270px !important;
}
.v-navigation-drawer.v-navigation-drawer--left {
width: 320px !important;
}
}
}
.rtlImg {
transform: scaleX(-1);
}
.marquee1-group {
animation: marquee-rtl 45s linear infinite;
}
.marquee2-group {
animation: marquee2-rtl 45s linear infinite;
}
@keyframes marquee-rtl {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(2086px, 0, 0);
}
}
@keyframes marquee2-rtl {
0% {
transform: translate3d(2086px, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.front-wraper {
.testimonials {
.slide-counter {
left: -50px;
}
.carousel__prev {
right: -74%;
left: unset;
.rtlnav {
transform: scaleX(-1);
}
}
.carousel__next {
right: -60%;
left: unset;
.rtlnav {
transform: scaleX(-1);
}
}
}
}
//For Rtl Chart
.rtl-me-n7 {
margin-inline-start: -28px !important;
margin-inline-end: unset !important;
}
.profile-img::before {
left: unset;
right: 14px;
}
}