// 1 - HELPERS @import '1-helpers/variables'; @import '1-helpers/functions'; @import '1-helpers/mixins'; body.rtl { // menu [class*="header-menu"] { &[data-type="type-1"] > ul > li { &:first-child > a { padding-right: 0; padding-left: calc(var(--menuItemsSpacing) / 2); } &:last-child > a { padding-left: 0; padding-right: calc(var(--menuItemsSpacing) / 2); } } } .menu > [data-submenu='right'] > .sub-menu { left: initial; right: calc(var(--menuItemsSpacing) / 2 - 20px); } .menu > [data-submenu='left'] > .sub-menu { right: initial; left: calc(var(--menuItemsSpacing) / 2 - 20px); } .child-indicator { margin: 0 5px 0 0; } // mobile menu .mobile-menu[data-type="type-2"] ul .child-indicator { right: initial; left: 0; border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.2); } .mobile-menu[data-type="type-2"] ul .menu-item-has-children ul, .mobile-menu[data-type="type-2"] ul .page_item_has_children ul { padding-left: initial; padding-right: 30px; li a:before { left: initial; right: -15px; margin-right: initial; margin-left: 15px; border-right: 1px solid; border-left: none; } } .mobile-menu[data-type="type-1"] ul .child-indicator { margin-left: initial; margin-right: 15px; } .mobile-menu[data-type="type-1"] ul .menu-item-has-children > ul, .mobile-menu[data-type="type-1"] ul .page_item_has_children > ul { padding-left: initial; padding-right: 30px; li a:before { left: initial; right: -30px; } } // entry button .entry-button svg { margin-left: initial; margin-right: 10px; transform: rotate(180deg); } // trending block .ct-trending-block { .ct-block-title svg { margin-left: initial; margin-right: 10px; } .ct-arrow-left { margin-left: 8px; margin-right: auto; &:before { transform: rotate(135deg) } } .ct-arrow-right:before { transform: rotate(-45deg); } } // search form .ct-search-input button { right: initial; left: 0; } #search-modal .ct-search-input { @include media-breakpoint-down (sm) { .search-submit { right: initial; left: 0; } } @include media-breakpoint-up (md) { input[type="search"] { --formPadding: 0 30px 0 90px; } .search-submit { right: initial; left: 30px; } } } // close button .close-button { right: initial; left: 20px; } // posts nav .post-navigation { .nav-item-next { text-align: left; svg { transform: rotate(-180deg); } } .nav-item-prev { svg { transform: rotate(-180deg); } } } // quote widget .ct-quote-widget:before { left: initial; right: 35px; transform: rotate(0deg); } // comments .ct-comments { li:not(.pingback) { @include media-breakpoint-up (md) { .ct-comment-content, .ct-comment-info section { padding-left: initial; padding-right: 70px; } } } } .ct-comment-info figure { @include media-breakpoint-down(sm) { margin-right: initial; margin-left: 15px; } @include media-breakpoint-up(md) { left: initial; right: 0; } } .comment-reply-link { @include media-breakpoint-down(sm) { margin-left: initial; margin-right: auto; } @include media-breakpoint-up(md) { margin-left: initial; margin-right: 20px; } } .ct-comment-list .comment-respond { @include media-breakpoint-up(md) { padding-left: initial; padding-right: 70px; } } // checkbox & radiobox input[type="radio"], input[type="checkbox"] { margin: 0 0 0 0.5em; } // drop cap .has-drop-cap:not(:focus):first-letter { margin: 0.1em 0 0.05em .12em; } // list ul, ol { margin-left: initial; margin-right: var(--listIndent, 2.5em); } [data-structure*="default:wide"] .entry-content { > ul, > ol { padding-left: initial; padding-right: var(--listIndent, 2.5em); } } // entry meta .entry-meta[data-type="simple"] > li:not(:last-child) { margin-right: initial; margin-left: 10px; &:after { margin-left: initial; margin-right: 10px; } } .avatar-container { margin-right: initial; margin-left: 10px; } // footer .site-footer { [data-divider="columns"] { @include media-breakpoint-up (lg) { > *:not(:last-child):after { right: initial; left: calc(var(--itemsGap) / 2 * -1); } } } } // pagination .ct-pagination[data-type="simple"] nav, .ct-pagination[data-type="next_prev"] nav { .next svg { margin-left: initial; margin-right: 8px; transform: rotate(180deg); } .prev svg { margin-right: initial; margin-left: 8px; transform: rotate(180deg); } } .ct-pagination[data-type="simple"] nav { .next { right: initial; left: 0; } .prev { left: initial; right: 0; } } .ct-pagination[data-type="next_prev"] .next { float: left; } // select option .selectr-selected > i { right: initial; left: 0; } // WooCommerce .woo-listing-top .woocommerce-breadcrumb { @include media-breakpoint-up (md) { margin-right: initial; margin-left: auto; } } .woocommerce-ordering { select, .selectr-selected { --formPadding: 0 0 0 18px; } .selectr-options-container { @include media-breakpoint-up (md) { left: 0; right: initial; } } } .product { &:not(.thumbs-left) .product-entry-wrapper .onsale { left: initial; right: 20px; } &.thumbs-left .product-entry-wrapper .onsale { @include media-breakpoint-only (md) { left: initial; right: calc(25% + 22px); } @include media-breakpoint-up (lg) { left: initial; right: calc( var(--productGalleryWidth) * 0.25 + 22px); } } } .product-entry-wrapper .entry-summary { @include media-breakpoint-up (lg) { padding-left: initial; padding-right: 40px; } } [class*="add_to_cart_button"].loading:after { margin-left: initial; margin-right: 10px; } // quantity input div.quantity { input[type="number"] { border-radius: 0 3px 3px 0; border-left-width: 0; border-right-width: 1px; } .ct-increase { border-top-left-radius: 3px; border-top-right-radius: 0; } .ct-decrease { border-bottom-left-radius: 3px; border-bottom-right-radius: 0; } } // sale price .sale-price del { margin: 0 5px 0 0; } // cart page .woocommerce-cart-form__contents .coupon input { @include media-breakpoint-up (md) { margin-right: initial; margin-left: 20px; } } // checkout page .ct-order-review .shop_table { .product-total, tfoot td { text-align: left; } .product-name, tfoot th { text-align: right; } } // messages .woocommerce-info, .woocommerce-error, .woocommerce-message { padding: 18px 65px 18px 15px; &:before { left: initial; right: 25px; } } .woocommerce-form-coupon-toggle .woocommerce-info { padding-right: 25px; } .woocommerce-info .showcoupon { float: left; margin-right: auto; margin-left: 10px; } .woocommerce-MyAccount-navigation ul li a:before { margin-right: initial; margin-left: 15px; } // header cart .ct-header-cart .ct-cart-item:not([data-count='0']):before { right: initial; left: -9px; } }