@crm-market/template-shared 1.0.0

package/assets/scss/components/_rtl.scss

@@ -0,0 +1,806 @@
+/* RTL Area Style
+============================================*/
+.settings-btn {
+  background-color: var(--warning);
+  padding: 8px 10px;
+  display: inline-block;
+  color: var(--white);
+  font-size: 14px;
+  border-radius: 5px;
+  cursor: pointer;
+  border: none;
+  transition: var(--transition);
+  position: fixed;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  z-index: 1;
+  input {
+    width: 0;
+    height: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+  .slider {
+    position: relative;
+    &:before {
+      content: "Click To RTL";
+      cursor: pointer;
+    }
+    &:after {
+      content: "Click To LTR";
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      left: 0;
+      opacity: 0;
+    }
+  }
+}
+.rtl {
+  direction: rtl;
+  .settings-btn {
+    background-color: var(--primary);
+    .slider {
+      &:before {
+        opacity: 0;
+      }
+      &:after {
+        opacity: 1;
+        top: -2px;
+      }
+    }
+  }
+  .banner-slide {
+    direction: ltr !important;
+  }
+  .product-slide {
+    direction: ltr !important;
+  }
+  .swiper-wrapper {
+    .single-product-telemobile-item {
+      .product-content {
+        text-align: right;
+        .review {
+          justify-content: end;
+        }
+        .sold-stock {
+          justify-content: end;
+        }
+      }
+    }
+  }
+  .single-product-telemobile-item {
+    .end-0 {
+      right: 0 !important;
+    }
+  }
+  .info-link {
+    li {
+      margin-right: 0;
+      margin-left: 30px;
+
+      .flag-wrap {
+        .flag {
+          img {
+            margin-right: 0;
+            margin-left: 5px;
+          }
+          &::after {
+            right: auto;
+            left: -5px;
+          }
+        }
+      }
+      &:last-child {
+        margin-left: 0;
+      }
+      &:first-child {
+        margin-left: 30px;
+        margin-right: 0;
+      }
+    }
+  }
+  ul {
+    padding-right: 0;
+  }
+  .ms-2 {
+    margin-left: 0 !important;
+    margin-right: 0.5rem !important;
+  }
+  .ms-1 {
+    margin-left: 0 !important;
+    margin-right: 0.25rem !important;
+  }
+  .ms-auto {
+    margin-inline-start: initial !important;
+  }
+  .middle-header-right {
+    .buy-info {
+      margin-right: 0;
+      margin-left: 20px;
+      &:last-child {
+        margin-left: 0;
+      }
+    }
+  }
+  .middle-header-right {
+    .buy-info {
+      a {
+        .ms-10 {
+          margin-left: 0;
+          margin-right: 10px;
+        }
+      }
+    }
+  }
+  .end-0 {
+    right: auto !important;
+    left: 0 !important;
+  }
+  .middle-header-left {
+    .form-control {
+      border-radius: 4px 0 0 4px;
+      border-left: 2px solid var(--borderColor);
+      border-right: none;
+    }
+    .all-categories {
+      border-radius: 0 4px 4px 0;
+      border-right: 2px solid var(--borderColor) !important;
+      border-left: none !important;
+    }
+  }
+  .middle-header-left {
+    .all-categories {
+      padding-right: 20px !important;
+      padding-left: 40px !important;
+      &::after {
+        right: auto;
+        left: -4px;
+      }
+      &::before {
+        left: -9px;
+        right: auto;
+      }
+    }
+    .dropdown-menu {
+      right: 0 !important;
+      left: auto !important;
+    }
+    .middle-logo {
+      margin-right: 0;
+      margin-left: 122px;
+    }
+  }
+  .navbar {
+    .others-options {
+      .info {
+        margin-right: 0;
+        margin-left: 20px;
+        a {
+          .ms-10 {
+            margin-left: 0;
+            margin-right: 10px;
+          }
+        }
+        &:last-child {
+          margin-left: 0;
+        }
+      }
+    }
+    .navbar-nav {
+      .nav-item {
+        &:last-child {
+          margin-left: 0;
+          margin-right: 11.5px;
+        }
+        &:first-child {
+          margin-left: 11.5px;
+          margin-right: 0;
+        }
+        .dropdown-menu {
+          left: auto;
+          right: 0;
+        }
+        &.mega-menu {
+          .dropdown-menu {
+            left: 0;
+            right: 0;
+          }
+        }
+      }
+    }
+  }
+  .sub-menu {
+    padding: 0;
+    list-style: unset;
+  }
+  .categories-nav {
+    .categories-item {
+      .categories-link.dropdown-toggle::after {
+        right: auto;
+        left: 14px;
+      }
+      .dropdown-menu {
+        li {
+          .dropdown-item {
+            &.dropdown-toggle {
+              text-align: right;
+              &::after {
+                right: auto;
+                left: 15px;
+                transform: rotate(90deg);
+              }
+            }
+            span {
+              margin-left: 0;
+              margin-right: 9px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .categories-nav .dropdown-menu.dropdown-menu-sub {
+    left: auto !important;
+    right: 100% !important;
+    ul {
+      padding: 0 !important;
+      list-style: none;
+    }
+  }
+  .middle-header-right {
+    .cart-dropdown {
+      left: 0 !important;
+      right: auto !important;
+    }
+  }
+  .ms-3 {
+    margin-left: 0 !important;
+    margin-right: 1rem !important;
+  }
+  .banner-wrap {
+    margin-left: 0;
+    margin-right: auto;
+  }
+  .banner-controller {
+    margin-right: auto;
+    margin-left: 0;
+    right: 0;
+    left: 165px;
+  }
+  .banner-content {
+    text-align: right;
+  }
+  .single-offer-item {
+    img {
+      transform: scaleX(-1);
+    }
+    .read-more {
+      &::before {
+        display: none;
+      }
+    }
+  }
+  .discover-month-tabs {
+    .nav-item {
+      margin-right: 0;
+      margin-left: 30px;
+      &:last-child {
+        margin-left: 0;
+      }
+    }
+  }
+  .discover-new-deals-content {
+    margin-right: 0;
+    margin-left: 25px;
+  }
+  .discover-new-deals-wrap {
+    margin-right: -34px;
+    margin-left: 0;
+  }
+  .clockdiv {
+    .time {
+      margin-right: 0;
+      margin-left: 10px;
+      &:last-child {
+        margin-left: 0;
+      }
+      &::before {
+        right: auto;
+        left: -11px;
+      }
+    }
+  }
+  .discover-new-deals-content {
+    .clockdiv {
+      .time {
+        margin-right: 0;
+        margin-left: 10px;
+        &:last-child {
+          margin-left: 0;
+        }
+        &::before {
+          right: auto;
+          left: -11px;
+        }
+      }
+    }
+  }
+  .best-product-slide {
+    direction: ltr;
+  }
+  .flash-products-slide {
+    direction: ltr;
+  }
+  .ms-sm-3 {
+    margin-left: 0 !important;
+    margin-right: 1rem !important;
+  }
+  .single-footer-widget {
+    .call-info {
+      a {
+        margin-left: 0;
+        margin-right: 12px;
+      }
+    }
+  }
+  .footer-area {
+    .col-lg-3 {
+      &:nth-child(2) {
+        .single-footer-widget {
+          margin-left: 0;
+          margin-right: 111px;
+        }
+      }
+      &:nth-child(3) {
+        .single-footer-widget {
+          margin-left: 0;
+          margin-right: 99px;
+        }
+      }
+      &:nth-child(4) {
+        .single-footer-widget {
+          margin-left: 0;
+          margin-right: 100px;
+        }
+      }
+    }
+  }
+  .single-footer-bottom-item {
+    .app-link {
+      li {
+        margin-right: 0;
+        margin-left: 5px;
+      }
+    }
+    .social-link {
+      li {
+        margin-right: 0;
+        margin-left: 5px;
+        .titles {
+          margin-right: 0;
+          margin-left: 5px;
+        }
+      }
+    }
+  }
+  .text-center.text-md-end {
+    text-align: left !important;
+  }
+  p.mb-2.mb-md-0.text-center.text-md-start {
+    text-align: right !important;
+  }
+  #backtotop {
+    right: auto;
+    left: 30px;
+  }
+  .swiper-pagination-banner {
+    margin-right: auto;
+    margin-left: 0;
+    right: 0;
+    left: 165px;
+  }
+  .product-controller {
+    .prev {
+      transform: scaleX(1);
+    }
+    .next {
+      transform: scaleX(-1);
+    }
+  }
+  .banner-area {
+    img.shape.position-absolute.top-0.end-0 {
+      right: 0 !important;
+    }
+  }
+  .banner-slide2 {
+    direction: ltr;
+  }
+  ul.navbar-nav.me-auto {
+    margin-right: 0 !important;
+    margin-left: auto !important;
+  }
+  .location-option {
+    .location-list {
+      li {
+        .form-check-input {
+          right: auto;
+          left: 15px;
+        }
+      }
+    }
+  }
+  .modal-header .btn-close {
+    margin-left: 0;
+    margin-right: 50px;
+  }
+  .popular-categories-slide {
+    direction: ltr;
+  }
+  .single-offer-grocery-item {
+    margin-bottom: 25px;
+    padding-right: 200px;
+    padding-left: 10px;
+    .read-more {
+      &::before {
+        display: none;
+      }
+    }
+  }
+  .this-month-tabs .nav-item {
+    margin-right: 0;
+    margin-left: 10px;
+  }
+  .this-month-tabs {
+    margin-left: 0;
+    margin-right: 100px;
+  }
+  .year-ending-offer-content {
+    max-width: 600px;
+    margin-left: 0;
+    margin-right: auto;
+  }
+  .discover-style-two {
+    .discover-new-deals-content {
+      .clockdiv {
+        .title {
+          margin-right: 0;
+          margin-left: 20px;
+        }
+      }
+    }
+  }
+  .top-selling-slide {
+    direction: ltr;
+  }
+  .navbar .navbar-nav.ms-68 {
+    margin-left: 0;
+    margin-right: 68px !important;
+  }
+  .middle-header-right .info a .ms-10 {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  .search-style-two {
+    .form-control {
+      border-right: 2px solid var(--borderColor) !important;
+      border-radius: 6px;
+    }
+  }
+  .navbar {
+    .navbar-nav {
+      .nav-item {
+        .dropdown-menu {
+          .sub-menu-title {
+            text-align: right;
+          }
+          .sub-menu-title {
+            &::before {
+              left: auto;
+              right: 0;
+            }
+          }
+          li {
+            .dropdown-item {
+              text-align: right;
+              &.dropdown-toggle {
+                &::after {
+                  right: auto;
+                  left: 19px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .banner-slide3 {
+    direction: ltr;
+  }
+  .specials-slide {
+    direction: ltr;
+  }
+  .banner-controller3 {
+    .prev {
+      transform: scaleX(1);
+    }
+    .next {
+      transform: scaleX(-1);
+    }
+  }
+  .single-offer-grocery-item {
+    &.style-three {
+      .content-wrap {
+        margin-right: auto;
+        margin-left: 0;
+        &.mw-600 {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+  .recommended-slide {
+    direction: ltr;
+  }
+  .monthly-slide {
+    direction: ltr;
+  }
+  .login-tabs {
+    .nav-item {
+      margin-right: 0;
+      margin-left: 30px;
+    }
+  }
+  .grid-list-tabs {
+    margin-left: 0;
+    margin-right: 15px;
+  }
+  .grid-list-tabs .nav-item {
+    margin-right: 0;
+    margin-left: 5px;
+    &:last-child {
+      margin-left: 0;
+    }
+  }
+  .sidebar.product-sidebar {
+    padding-right: 0;
+    padding-left: 24px;
+    border-right: none;
+    border-left: 1px solid var(--borderColor);
+  }
+  .add-to-cart-counter {
+    .minusBtn {
+      border-radius: 0 50px 50px 0 !important;
+    }
+    .plusBtn {
+      border-radius: 50px 0 0 50px !important;
+    }
+  }
+  .coupon-wrap .form-control {
+    margin-right: 0;
+    margin-left: 10px;
+  }
+  .form-check .form-check-input {
+    float: right;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .form-select {
+    background-position: left 0.75rem center;
+  }
+  .product-details-content {
+    margin-left: 0;
+    margin-right: 47px;
+  }
+  .product-details-content .services-list li i {
+    margin-right: 0;
+    margin-left: 6px;
+  }
+  .me-2 {
+    margin-right: 0 !important;
+    margin-left: 0.5rem !important;
+  }
+  .billing-address-bar ul li {
+    padding-left: 0;
+    padding-right: 80px;
+    span {
+      left: auto;
+      right: 0;
+    }
+  }
+  .order-details-area {
+    .cart-totals {
+      .read-more {
+        right: auto;
+        left: 30px;
+      }
+    }
+  }
+  .pe-3 {
+    padding-right: 0 !important;
+    padding-left: 1rem !important;
+  }
+  .sidebar.ms-78 {
+    margin-left: 0;
+    margin-right: 78px;
+  }
+  .authentication-content .form-wrap {
+    padding-left: 10px;
+    padding-right: 36px;
+  }
+  .mobile-navbar .offcanvas-body ul.mobile-menu .mobile-menu-list:after {
+    right: auto !important;
+    left: 15px !important;
+  }
+  .mobile-navbar .offcanvas-body ul.mobile-menu .mobile-menu-list a {
+    padding-right: 15px;
+  }
+  .mobile-navbar
+    .offcanvas-body
+    ul.mobile-menu
+    .mobile-menu-list
+    .mobile-menu-items
+    .mobile-menu-list::after {
+    left: 15px !important;
+    right: auto !important;
+  }
+  .form-check {
+    padding-left: 0;
+    padding-right: 15px !important;
+  }
+  .form-check-input {
+    position: relative;
+    right: -14px;
+  }
+  .banner-controller2 {
+    .prev {
+      transform: scaleX(1);
+    }
+    .next {
+      transform: scaleX(-1);
+    }
+  }
+  .ms-4 {
+    margin-left: 0 !important;
+    margin-right: 1.5rem !important;
+  }
+}
+
+/* Max width 767px */
+@media only screen and (max-width: 767px) {
+  .rtl {
+    .info-link {
+      li {
+        margin-left: 15px;
+        &:first-child {
+          margin-left: 10px !important;
+        }
+      }
+    }
+    .middle-header-right {
+      .buy-info {
+        margin-right: 0;
+        margin-left: 10px;
+      }
+    }
+    .navbar {
+      .navbar-brand {
+        margin-right: 0;
+      }
+    }
+    .swiper-pagination-banner {
+      left: 0;
+      right: auto;
+      margin-bottom: 0;
+    }
+    .this-month-tabs {
+      margin-right: 0;
+    }
+    .discover-new-deals-content {
+      margin-left: 0;
+    }
+    .discover-new-deals-wrap {
+      margin-right: 0;
+    }
+    .single-offer-grocery-item {
+      padding-right: 115px;
+    }
+    .single-offer-grocery-item {
+      padding: 20px;
+    }
+  }
+}
+
+/* Min width 576px to Max width 767px */
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .rtl {
+    .single-offer-grocery-item {
+      padding-right: 290px;
+    }
+    .single-offer-grocery-item {
+      padding: 30px;
+    }
+  }
+}
+
+/* Min width 768px to Max width 992px */
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .rtl {
+    .single-offer-grocery-item {
+      padding: 30px;
+    }
+  }
+}
+
+/* Min width 992px to Max width 1199px */
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+  .rtl {
+    .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
+      right: -100%;
+      left: auto;
+    }
+    .middle-header-left .middle-logo {
+      margin-left: 30px;
+    }
+    .single-offer-grocery-item {
+      padding-right: 100px;
+    }
+    .single-offer-grocery-item {
+      padding: 30px;
+    }
+    .this-month-tabs {
+      margin-left: 0;
+      margin-right: 10px;
+    }
+    .this-month-tabs .nav-item .nav-link {
+      padding: 8px 7px;
+    }
+  }
+}
+
+/* Min width 1200px to Max width 1399px */
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+  .rtl {
+    .middle-header-left {
+      .middle-logo {
+        margin-left: 30px;
+      }
+    }
+    .single-offer-grocery-item {
+      padding: 50px;
+    }
+  }
+}
+
+@media only screen and (max-width: 1199px) {
+  .rtl {
+    .footer-area {
+      .col-lg-3 {
+        &:nth-child(2) {
+          .single-footer-widget {
+            margin-right: 0;
+          }
+        }
+        &:nth-child(3) {
+          .single-footer-widget {
+            margin-right: 0;
+          }
+        }
+        &:nth-child(4) {
+          .single-footer-widget {
+            margin-right: 0;
+          }
+        }
+      }
+    }
+    .sidebar.product-sidebar {
+      border-left: none;
+      margin: 0;
+    }
+    .product-details-content {
+      margin-right: 0;
+    }
+  }
+}