@progress/kendo-theme-bootstrap 12.0.0-dev.1 → 12.0.0-dev.3

package/scss/forms/_layout.scss

@@ -25,7 +25,7 @@
 
     .k-form {
         legend {
-            margin-bottom: k-spacing(2);
+            margin-block-end: k-spacing(2);
         }
 
         .k-field-info {
@@ -36,13 +36,13 @@
 
     .k-form-inline {
         legend {
-            margin-bottom: 0;
+            margin-block-end: 0;
         }
 
         .k-form-field {
             > span:not(.k-widget) {
                 padding: calc( #{k-spacing(4)} - #{$kendo-input-border-width} ) 0;
-                padding-right: k-spacing(4);
+                padding-inline-end: k-spacing(4);
             }
         }
     }

package/scss/gantt/_variables.scss

@@ -188,16 +188,6 @@ $kendo-gantt-planned-summary-drag-hint-top: 1em !default;
 /// @group gantt
 $kendo-gantt-planned-milestone-drag-hint-top: .85em !default;
 
-/// The horizontal margin of the Gantt milestone wrap.
-/// @group gantt
-$kendo-gantt-rtl-milestone-wrap-margin-x: -2.3em !default;
-/// The horizontal margin of the Gantt milestone line dot.
-/// @group gantt
-$kendo-gantt-rtl-milestone-planned-moment-margin-x: .2em !default;
-/// The horizontal margin of the Gantt milestone task dot.
-/// @group gantt
-$kendo-gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
-
 /// The horizontal offset of the Gantt delayed task resize handler.
 /// @group gantt
 $kendo-gantt-planned-offset-resize-handler-margin-x: 1.2em !default;
@@ -309,9 +299,6 @@ $kendo-gantt-task-tooltip-padding-y: k-spacing(2) !default;
     $kendo-gantt-planned-single-drag-hint-top: $kendo-gantt-planned-single-drag-hint-top,
     $kendo-gantt-planned-summary-drag-hint-top: $kendo-gantt-planned-summary-drag-hint-top,
     $kendo-gantt-planned-milestone-drag-hint-top: $kendo-gantt-planned-milestone-drag-hint-top,
-    $kendo-gantt-rtl-milestone-wrap-margin-x: $kendo-gantt-rtl-milestone-wrap-margin-x,
-    $kendo-gantt-rtl-milestone-planned-moment-margin-x: $kendo-gantt-rtl-milestone-planned-moment-margin-x,
-    $kendo-gantt-rtl-milestone-dot-start-margin-x: $kendo-gantt-rtl-milestone-dot-start-margin-x,
     $kendo-gantt-planned-offset-resize-handler-margin-x: $kendo-gantt-planned-offset-resize-handler-margin-x,
     $kendo-gantt-planned-bg: $kendo-gantt-planned-bg,
     $kendo-gantt-planned-border: $kendo-gantt-planned-border,

package/scss/grid/_theme.scss

@@ -101,7 +101,7 @@
         }
 
         .k-grid-header-locked .k-header {
-            border-bottom-color: $kendo-grid-header-border;
+            border-block-end-color: $kendo-grid-header-border;
         }
 
         .k-grid-content-locked {
@@ -113,7 +113,7 @@
 
             .k-grouping-row + .k-table-row td,
             .k-grouping-row + .k-table-row .k-table-td {
-                border-top-color: $kendo-grid-header-border;
+                border-block-start-color: $kendo-grid-header-border;
             }
         }
 
@@ -121,14 +121,14 @@
         .k-master-row {
             .k-grid-content-sticky {
                 @include fill( $bg: $kendo-grid-sticky-bg, $border: $kendo-grid-sticky-border );
-                border-top-color: $kendo-grid-header-border;
+                border-block-start-color: $kendo-grid-header-border;
             }
 
             .k-grid-row-sticky,
             &.k-grid-row-sticky > .k-table-td {
                 @include fill( $bg: $kendo-grid-sticky-bg );
-                border-top-color: $kendo-grid-sticky-border;
-                border-bottom-color: $kendo-grid-sticky-border;
+                border-block-start-color: $kendo-grid-sticky-border;
+                border-block-end-color: $kendo-grid-sticky-border;
             }
 
             &.k-table-alt-row {
@@ -251,8 +251,8 @@
                 $bg: $kendo-grid-sticky-header-bg
             );
 
-            border-right-color: $kendo-grid-sticky-header-border;
-            border-left-color: $kendo-grid-sticky-header-border;
+            border-inline-end-color: $kendo-grid-sticky-header-border;
+            border-inline-start-color: $kendo-grid-sticky-header-border;
         }
     }
 

package/scss/loader/_layout.scss

@@ -11,7 +11,7 @@
 
         &::before {
             border-color: currentColor;
-            border-right-color: transparent !important; // stylelint-disable-line declaration-no-important
+            border-inline-end-color: transparent !important; // stylelint-disable-line declaration-no-important
         }
 
         &::after {

package/scss/pager/_layout.scss

@@ -11,10 +11,4 @@
     .k-pager-first { @include border-left-radius-only( $kendo-pager-item-border-radius ); }
     .k-pager-last { @include border-right-radius-only( $kendo-pager-item-border-radius ); }
 
-    .k-rtl,
-    [dir="rtl"] {
-        .k-pager-first { @include border-right-radius-only( $kendo-pager-item-border-radius ); }
-        .k-pager-last { @include border-left-radius-only( $kendo-pager-item-border-radius ); }
-    }
-
 }

package/scss/popup/_layout.scss

@@ -5,8 +5,8 @@
     @include kendo-popup--layout-base();
 
     .k-popup.k-column-menu {
-        padding-top: 0;
-        padding-bottom: 0;
+        padding-block-start: 0;
+        padding-block-end: 0;
     }
 
 }

package/scss/scheduler/_layout.scss

@@ -11,7 +11,7 @@
     .k-event {
         &::before {
             display: none;
-            left: 0;
+            inset-inline-start: 0;
         }
 
         // Angular fix for stronger selector and smaller padding
@@ -24,20 +24,11 @@
         }
 
         .k-event-actions {
-            right: k-spacing(2);
+            inset-inline-end: k-spacing(2);
 
             &:first-child {
                 margin: .1ex .4ex 0 k-spacing(2);
             }
         }
     }
-
-    .k-rtl {
-        kendo-scheduler .k-event,
-        .k-event {
-            &::before {
-                right: 0;
-            }
-        }
-    }
 }

package/scss/scheduler/_variables.scss

@@ -251,10 +251,7 @@ $kendo-scheduler-event-actions-inset-x: k-spacing(4) !default;
 
 /// The margin of the Scheduler event indicators.
 /// @group scheduler
-$kendo-scheduler-indicators-margin: k-spacing(1) .4ex 0 k-spacing(2) !default;
-/// The margin of the Scheduler event indicators in rtl.
-/// @group scheduler
-$kendo-scheduler-rtl-indicators-margin: k-spacing(1) k-spacing(2) 0 .4ex !default;
+$kendo-scheduler-indicators-margin: k-spacing(1) k-spacing(2) !default;
 
 /// The inline inset of the Scheduler marquee labels.
 /// @group scheduler
@@ -340,7 +337,6 @@ $kendo-scheduler-header-bg: k-color(surface) !default;
     $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
     $kendo-scheduler-event-actions-inset-x: $kendo-scheduler-event-actions-inset-x,
     $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
-    $kendo-scheduler-rtl-indicators-margin: $kendo-scheduler-rtl-indicators-margin,
     $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
     $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
     $kendo-scheduler-header-bg: $kendo-scheduler-header-bg

package/scss/timeline/_layout.scss

@@ -7,7 +7,7 @@
     @include kendo-timeline--layout-base();
 
     .k-timeline-card .k-card-header {
-        padding-top: $kendo-card-header-padding-x;
+        padding-block-start: $kendo-card-header-padding-x;
     }
 
 }