@yoga-tech/canvas-skote 1.0.1

package/lib/scss/scss/rtl/_pages-rtl.scss

@@ -0,0 +1,236 @@
+//
+// pages-rtl.scss
+//
+
+// Auth
+
+.wrapper .otp-input:not(:last-child) {
+  margin-left: 8px;
+  margin-right: 0;
+}
+
+// timeline
+
+.verti-timeline {
+  border-left: 0;
+  border-right: 3px dashed $gray-300;
+  .event-list {
+    padding: 0 30px 40px 0;
+    .event-timeline-dot {
+      left: auto;
+      right: -9px;
+    }
+  }
+}
+
+// Ecommerce
+
+.product-ribbon {
+  left: 0px;
+  right: auto;
+}
+
+.visa-card {
+  .visa-pattern {
+    left: 0px;
+    right: auto;
+  }
+}
+
+// email
+
+.email-leftbar {
+  float: right;
+}
+
+.email-rightbar {
+  margin-right: 260px;
+  margin-left: 0px;
+}
+
+.message-list {
+  li {
+    .col-mail {
+      float: right;
+    }
+    .col-mail-1 {
+      .star-toggle,
+      .checkbox-wrapper-mail,
+      .dot {
+        float: right;
+      }
+      .checkbox-wrapper-mail {
+        margin: 15px 20px 0 10px;
+      }
+      .star-toggle {
+        margin-right: 5px;
+      }
+
+      .title {
+        right: 110px;
+        left: 0;
+      }
+    }
+    .col-mail-2 {
+      right: 320px;
+      left: 0;
+
+      .subject {
+        right: 0;
+        left: 200px;
+      }
+
+      .date {
+        left: 0;
+        right: auto;
+        padding-right: 80px;
+        padding-left: 0px;
+      }
+    }
+  }
+  .checkbox-wrapper-mail {
+    label {
+      &:before {
+        right: 4px;
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .email-leftbar {
+    float: none !important;
+    width: 100%;
+  }
+  .email-rightbar {
+    margin-right: 0;
+  }
+}
+
+// Email-template
+
+.email-billing-list {
+  text-align: right !important;
+}
+
+.email-billing-list.alignright {
+  text-align: left !important;
+}
+
+// authentication
+
+.home-btn {
+  position: absolute;
+  left: 25px;
+  right: auto;
+}
+
+// file manager
+
+.categories-list li ul {
+  padding-right: 16px;
+  padding-left: 0;
+}
+
+// Chat
+
+.chat-conversation {
+  .conversation-list {
+    .dropdown {
+      float: left;
+    }
+
+    .ctext-wrap {
+      border-radius: 8px 8px 0 8px;
+    }
+  }
+
+  .right {
+    float: left;
+    .conversation-list {
+      .ctext-wrap {
+        text-align: left;
+        border-radius: 8px 8px 8px 0;
+      }
+
+      .dropdown {
+        float: right;
+      }
+    }
+  }
+
+  .last-chat .conversation-list:before {
+    right: auto;
+    left: 0;
+  }
+}
+
+.chat-input {
+  padding-left: 120px;
+  padding-right: 12px;
+}
+
+.chat-input-links {
+  right: auto;
+  left: 16px;
+}
+
+@media (min-width: 576px) {
+  .currency-value {
+    position: relative;
+    &:after {
+      right: auto;
+      left: -34px;
+    }
+  }
+}
+
+// datatable icon
+.datatables {
+  thead {
+    tr {
+      th {
+        position: relative;
+        &:before {
+          content: "\F0143";
+          position: absolute;
+          left: 0;
+          right: auto;
+          top: 7px;
+          font: normal normal normal 24px/1 "Material Design Icons";
+          opacity: 0.3;
+        }
+        &:after {
+          content: "\F0140";
+          position: absolute;
+          left: 0;
+          right: auto;
+          top: 14px;
+          opacity: 0.3;
+          font: normal normal normal 24px/1 "Material Design Icons";
+        }
+      }
+
+      .asc {
+        &:before {
+          opacity: 1;
+        }
+      }
+
+      .desc {
+        &:after {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+.close {
+  right: auto !important;
+  top: 0;
+  left: 0;
+}
+
+.modal-open {
+  padding-right: 0px !important;
+}

package/lib/scss/scss/rtl/_plugins-rtl.scss

@@ -0,0 +1,269 @@
+//
+// plugins-rtl.scss
+//
+
+// calendar
+
+.lnb-calendars-item {
+  margin-right: 0;
+  margin-left: 7px;
+}
+
+input[type="checkbox"].tui-full-calendar-checkbox-round + span {
+  margin-right: 0px;
+  margin-left: 8px;
+}
+
+.tui-full-calendar-time-schedule-content {
+  padding: 1px 3px 0 0;
+}
+
+// FLOT CHART
+
+.legendLabel {
+  padding-right: 5px !important;
+  padding-left: 20px;
+}
+
+// Select 2
+
+.select2-container {
+  .select2-selection--single {
+    .select2-selection__rendered {
+      padding-right: 12px;
+    }
+
+    .select2-selection__arrow {
+      left: 3px;
+      right: auto;
+    }
+  }
+
+  .select2-selection--multiple {
+    .select2-selection__choice {
+      float: right;
+      margin-left: 5px;
+      margin-right: 0;
+    }
+  }
+
+  .select2-search__field {
+    text-align: right;
+  }
+
+  .select2-search--inline {
+    float: right;
+  }
+}
+
+// Bootstrap select
+
+.bootstrap-select {
+  .dropdown-toggle {
+    &:before {
+      float: left;
+    }
+
+    .filter-option {
+      text-align: right;
+    }
+
+    .filter-option-inner {
+      padding-right: 0;
+      padding-left: inherit;
+    }
+  }
+}
+
+// datatable
+
+.dataTables_wrapper {
+  .dataTables_filter {
+    text-align: left !important;
+
+    input {
+      margin-left: 0px !important;
+      margin-right: 0.5em;
+    }
+  }
+}
+
+// Foo table
+
+.footable.breakpoint > tbody > tr > td > span.footable-toggle {
+  padding-left: 5px;
+  padding-right: 0;
+}
+
+// tablesaw
+.tablesaw-columntoggle-popup {
+  .tablesaw-btn-group {
+    > label {
+      input {
+        margin-right: 0;
+        margin-left: 0.8em;
+      }
+    }
+  }
+}
+
+.tablesaw-bar {
+  .tablesaw-bar-section {
+    .tablesaw-btn {
+      margin-left: 0;
+      margin-right: 0.4em;
+    }
+  }
+}
+
+// Responsive Table
+
+.table-rep-plugin {
+  .btn-group.pull-right {
+    float: left;
+  }
+
+  .checkbox-row {
+    label {
+      &:after {
+        margin-left: -22px;
+        top: -2px;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 40em) {
+  .responsiveTable {
+    td {
+      &.pivoted,
+      .tdBefore {
+        text-align: right !important;
+      }
+
+      &.pivoted {
+        padding-left: 12px !important;
+        padding-right: calc(50% + 10px) !important;
+      }
+
+      .tdBefore {
+        left: auto !important;
+        right: 1rem;
+      }
+    }
+  }
+}
+
+// Parsley
+.parsley-errors-list {
+  > li {
+    padding-left: 0;
+    padding-right: 20px;
+
+    &:before {
+      left: auto;
+      right: 2px;
+    }
+  }
+}
+
+// Range Slider
+
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
+  right: 0;
+  left: auto;
+}
+
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
+  right: -17px;
+  left: auto;
+}
+
+/* =============
+   Form wizard
+============= */
+
+.twitter-bs-wizard {
+  .twitter-bs-wizard-nav {
+    @media (min-width: 992px) {
+      .nav-link {
+        text-align: right;
+      }
+    }
+  }
+
+  .twitter-bs-wizard-pager-link {
+    li.next {
+      float: left;
+    }
+  }
+}
+
+// X-ediatable
+
+.editable-buttons {
+  margin-left: 0;
+  margin-right: 7px;
+
+  .editable-cancel {
+    margin-left: 0;
+    margin-right: 7px;
+  }
+}
+
+.rdw-dropdown-carettoopen {
+  left: 10% !important;
+  right: auto;
+}
+
+// Floating
+
+.form-floating {
+  > label {
+    right: 0;
+    left: auto;
+  }
+}
+
+// editor
+
+.ck.ck-toolbar > .ck-toolbar__items {
+  flex-direction: row-reverse !important;
+}
+
+.ck.ck-editor__editable_inline {
+  text-align: right !important;
+}
+
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
+  right: 0;
+  left: auto !important;
+}
+
+/* =============
+   Form wizard
+============= */
+
+.wizard {
+  > .steps {
+    .number {
+      margin-left: 10px;
+      margin-right: 0px;
+    }
+  }
+}
+
+aw-wizard-navigation-bar.horizontal.large-empty-symbols
+  ul.steps-indicator
+  li:not(:last-child):before {
+  left: -68px;
+}
+
+.kycwizard {
+  aw-wizard-navigation-bar.horizontal.large-empty-symbols
+    ul.steps-indicator
+    li:not(:last-child):before {
+    left: -102px;
+  }
+}

package/lib/scss/scss/rtl/_spacing-rtl.scss

@@ -0,0 +1,78 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}e#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+          #{$prop}-right: 0 !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}s#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+          #{$prop}-left: 0 !important;
+        }
+      }
+    }
+
+    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+    @each $size, $length in $spacers {
+      @if $size != 0 {
+        .m#{$infix}-n#{$size} { margin: -$length !important; }
+        .mt#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-top: -$length !important;
+        }
+        .me#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-right: -$length !important;
+        }
+        .mb#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-bottom: -$length !important;
+        }
+        .ms#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-left: -$length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .me#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+      margin-right: inherit !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+      margin-left: auto !important;
+    }
+    .ms#{$infix}-auto{
+      margin-right: auto !important;
+      margin-left: 0 !important;
+    }
+  }
+}