@progress/kendo-theme-bootstrap 6.6.0 → 6.7.0-dev.0

package/dist/all.css

@@ -43674,8 +43674,6 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    font-size: 1rem;
-    line-height: 1.5;
     display: flex;
     flex-direction: row;
     -webkit-touch-callout: none;
@@ -43719,8 +43717,6 @@ kendo-card-footer {
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     border-radius: 0.375rem;
-    padding-block: 0.5rem;
-    padding-inline: 0.75rem;
     color: inherit;
     text-decoration: none;
     white-space: nowrap;
@@ -43734,21 +43730,12 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-breadcrumb-root-link {
-    margin-inline-end: 0.75rem;
-}
-
 .k-breadcrumb-link > .k-image,
 .k-breadcrumb-icontext-link .k-icon,
 .k-breadcrumb-icontext-link .k-svg-icon {
     margin-inline-end: 0.5rem;
 }
 
-.k-breadcrumb-icon-link {
-    padding-block: 0.75rem;
-    padding-inline: 0.75rem;
-}
-
 .k-breadcrumb-delimiter,
 .k-breadcrumb-delimiter-icon {
     color: inherit;
@@ -43763,6 +43750,54 @@ kendo-card-footer {
     border-color: transparent;
 }
 
+.k-breadcrumb-sm {
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
+}
+
+.k-breadcrumb-sm .k-breadcrumb-link,
+.k-breadcrumb-sm .k-breadcrumb-root-link {
+    padding-block: 0.375rem;
+    padding-inline: 0.75rem;
+}
+
+.k-breadcrumb-sm .k-breadcrumb-icon-link {
+    padding-block: 0.5rem;
+    padding-inline: 0.5rem;
+}
+
+.k-breadcrumb-md {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.k-breadcrumb-md .k-breadcrumb-link,
+.k-breadcrumb-md .k-breadcrumb-root-link {
+    padding-block: 0.5rem;
+    padding-inline: 0.75rem;
+}
+
+.k-breadcrumb-md .k-breadcrumb-icon-link {
+    padding-block: 0.75rem;
+    padding-inline: 0.75rem;
+}
+
+.k-breadcrumb-lg {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.k-breadcrumb-lg .k-breadcrumb-link,
+.k-breadcrumb-lg .k-breadcrumb-root-link {
+    padding-block: 0.625rem;
+    padding-inline: 0.75rem;
+}
+
+.k-breadcrumb-lg .k-breadcrumb-icon-link {
+    padding-block: 0.875rem;
+    padding-inline: 0.875rem;
+}
+
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     text-decoration: underline;
@@ -50000,12 +50035,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-filter .k-filter-container,
 .k-filter .k-filter-preview {
-    margin-bottom: 2.1em;
+    margin-block-end: 2.1em;
 }
 
 .k-filter .k-filter-lines,
 .k-filter .k-filter-item {
-    padding-left: 1rem;
+    padding-inline-start: 1rem;
 }
 
 .k-filter .k-filter-toolbar {
@@ -50020,8 +50055,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     position: absolute;
     width: 1rem;
     height: 1px;
-    top: 50%;
-    left: -1rem;
+    inset-block-start: 50%;
+    inset-inline-start: -1rem;
 }
 
 .k-filter .k-filter-toolbar .k-toolbar {
@@ -50042,8 +50077,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     position: absolute;
     width: 1px;
     height: 100%;
-    top: -0.5rem;
-    left: 0;
+    inset-block-start: -0.5rem;
+    inset-inline-start: 0;
 }
 
 .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
@@ -50051,9 +50086,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     content: "";
     position: absolute;
     width: 1px;
-    top: calc(-0.5rem - 1px);
-    bottom: 50%;
-    left: -1rem;
+    inset-block-start: calc(-0.5rem - 1px);
+    inset-block-end: 50%;
+    inset-inline-start: -1rem;
 }
 
 .k-filter .k-filter-group-main::before,
@@ -50065,36 +50100,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     display: none;
 }
 
-.k-rtl .k-filter .k-filter-lines,
-.k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-lines,
-.k-filter[dir="rtl"] .k-filter-item,
-[dir="rtl"] .k-filter .k-filter-lines,
-[dir="rtl"] .k-filter .k-filter-item {
-    padding-left: 0;
-    padding-right: 1rem;
-}
-
-.k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before,
-[dir="rtl"] .k-filter .k-filter-toolbar::before {
-    left: auto;
-    right: -1rem;
-}
-
-.k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before,
-[dir="rtl"] .k-filter .k-filter-item::before {
-    left: auto;
-    right: 0;
-}
-
-.k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-.k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-.k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
-[dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-[dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
-    left: auto;
-    right: -1rem;
-}
-
 .k-filter {
     color: #212529;
 }

package/dist/all.scss

@@ -41968,63 +41968,236 @@ $_kendo-module-meta: (
 // #region @import "./_variables.scss"; -> scss/breadcrumb/_variables.scss
 // Breadcrumb
 
+/// The width of the border around the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-border-width: 0px !default;
+
+/// The horizontal margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-x: null !default;
+/// The vertical margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-y: null !default;
+
+/// The horizontal padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-x: null !default;
+/// The vertical padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-y: null !default;
-$kendo-breadcrumb-border-width: 0px !default;
 
+/// The font family of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-family: $kendo-font-family !default;
+
+/// The font size of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-size: $kendo-font-size-md !default;
+/// The font size of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-font-size: $kendo-font-size-sm !default;
+/// The font size of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
+/// The font size of the large Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-font-size: $kendo-font-size-md !default;
+
+/// The line-height of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-line-height: $kendo-line-height-md !default;
-
+/// The line-height of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-line-height: k-math-div( 20, 14 ) !default;
+/// The line-height of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
+/// The line-height of the height Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-line-height: $kendo-line-height-md !default;
+
+/// The base background of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-bg: $kendo-component-bg !default;
+/// The base text color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-text: $kendo-component-text !default;
+/// The base border color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-border: $kendo-component-border !default;
 
+/// The box shadow of the focused Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
+
+/// The horizontal padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+/// The horizontal padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+/// The horizontal padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+
+/// The vertical padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The vertical padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
+
+/// The border-radius of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
-
-$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
-
+/// The vertical padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
+/// The vertical padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3.5 ) !default;
+
+/// The horizontal padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The horizontal padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
+/// The horizontal padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
+
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-initial-text: inherit !default;
+/// The spacing of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
+/// The background color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-bg: null !default;
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-text: $kendo-link-text !default;
+/// The border color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border: null !default;
 
+/// The background color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-bg: null !default;
+/// The text color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
+/// The border color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-text: null !default;
+/// The border color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 ) !default;
 
+/// The background color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-bg: null !default;
+/// The text color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-text: $kendo-link-text !default;
+/// The border color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-border: null !default;
 
+/// The background color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-bg: null !default;
+/// The text color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: $kendo-link-hover-text !default;
+/// The border color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-text: null !default;
+/// The border color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
 
+/// The background color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-bg: null !default;
+/// The text color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-text: $kendo-color-secondary !default;
+/// The border color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-border: null !default;
 
-$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
+
+/// The sizes map for the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sizes: (
+    sm: (
+        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-sm-font-size,
+        line-height: $kendo-breadcrumb-sm-line-height
+    ),
+    md: (
+        link-padding-x: $kendo-breadcrumb-md-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-md-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-md-font-size,
+        line-height: $kendo-breadcrumb-md-line-height
+    ),
+    lg: (
+        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-lg-font-size,
+        line-height: $kendo-breadcrumb-lg-line-height
+    )
+) !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/breadcrumb/_layout.scss
@@ -42042,8 +42215,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
         box-sizing: border-box;
         outline: 0;
         font-family: $kendo-breadcrumb-font-family;
-        font-size: $kendo-breadcrumb-font-size;
-        line-height: $kendo-breadcrumb-line-height;
         display: flex;
         flex-direction: row;
         -webkit-touch-callout: none;
@@ -42095,8 +42266,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
     .k-breadcrumb-link,
     .k-breadcrumb-root-link {
         @include border-radius( $kendo-breadcrumb-link-border-radius );
-        padding-block: $kendo-breadcrumb-link-padding-y;
-        padding-inline: $kendo-breadcrumb-link-padding-x;
         color: $kendo-breadcrumb-link-initial-text;
         text-decoration: none;
         white-space: nowrap;
@@ -42110,21 +42279,12 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
         transition: $kendo-transition;
     }
 
-    .k-breadcrumb-root-link {
-        margin-inline-end: $kendo-breadcrumb-root-link-spacing;
-    }
-
     .k-breadcrumb-link > .k-image,
     .k-breadcrumb-icontext-link .k-icon,
     .k-breadcrumb-icontext-link .k-svg-icon {
         margin-inline-end: $kendo-breadcrumb-link-icon-spacing;
     }
 
-    .k-breadcrumb-icon-link {
-        padding-block: $kendo-breadcrumb-icon-link-padding-y;
-        padding-inline: $kendo-breadcrumb-icon-link-padding-x;
-    }
-
 
     // Breadcrumb delimiter
     .k-breadcrumb-delimiter,
@@ -42143,6 +42303,34 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
         }
     }
 
+
+    // Sizes
+    @each $size, $size-props in $kendo-breadcrumb-sizes {
+        $_link-padding-x: k-map-get( $size-props, link-padding-x );
+        $_link-padding-y: k-map-get( $size-props, link-padding-y );
+        $_icon-link-padding-x: k-map-get( $size-props, icon-link-padding-x );
+        $_icon-link-padding-y: k-map-get( $size-props, icon-link-padding-y );
+        $_font-size: k-map-get( $size-props, font-size );
+        $_line-height: k-map-get( $size-props, line-height );
+
+        .k-breadcrumb-#{$size} {
+            font-size: $_font-size;
+            line-height: $_line-height;
+
+
+            .k-breadcrumb-link,
+            .k-breadcrumb-root-link {
+                padding-block: $_link-padding-y;
+                padding-inline: $_link-padding-x;
+            }
+
+            .k-breadcrumb-icon-link {
+                padding-block: $_icon-link-padding-y;
+                padding-inline: $_icon-link-padding-x;
+            }
+        }
+    }
+
 }
 
 
@@ -52689,12 +52877,12 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25
 
         .k-filter-container,
         .k-filter-preview {
-            margin-bottom: $kendo-filter-bottom-margin;
+            margin-block-end: $kendo-filter-bottom-margin;
         }
 
         .k-filter-lines,
         .k-filter-item {
-            padding-left: $kendo-filter-padding-x;
+            padding-inline-start: $kendo-filter-padding-x;
         }
 
         .k-filter-toolbar {
@@ -52708,8 +52896,8 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25
                 position: absolute;
                 width: $kendo-filter-padding-x;
                 height: $kendo-filter-line-size;
-                top: 50%;
-                left: -$kendo-filter-padding-x;
+                inset-block-start: 50%;
+                inset-inline-start: -$kendo-filter-padding-x;
             }
 
             .k-toolbar {
@@ -52728,8 +52916,8 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25
                 position: absolute;
                 width: $kendo-filter-line-size;
                 height: 100%;
-                top: -$kendo-filter-padding-y;
-                left: 0;
+                inset-block-start: -$kendo-filter-padding-y;
+                inset-inline-start: 0;
             }
         }
 
@@ -52739,9 +52927,9 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25
             content: "";
             position: absolute;
             width: $kendo-filter-line-size;
-            top: calc(-#{$kendo-filter-padding-y} - #{$kendo-filter-line-size});
-            bottom: 50%;
-            left: -$kendo-filter-padding-x;
+            inset-block-start: calc(-#{$kendo-filter-padding-y} - #{$kendo-filter-line-size});
+            inset-block-end: 50%;
+            inset-inline-start: -$kendo-filter-padding-x;
         }
 
         // The forth and fifth selectors targets the Angular rendering
@@ -52753,39 +52941,6 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25
         .k-filter-lines .k-filter-item:last-child::before {
             display: none;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-filter-lines,
-            .k-filter-item {
-                padding-left: 0;
-                padding-right: $kendo-filter-padding-x;
-            }
-
-            .k-filter-toolbar {
-
-                &::before {
-                    left: auto;
-                    right: -$kendo-filter-padding-x;
-                }
-            }
-
-            .k-filter-item {
-
-                &::before {
-                    left: auto;
-                    right: 0;
-                }
-            }
-
-            // The second selector targets the Angular rendering
-            .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-            .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
-                left: auto;
-                right: -$kendo-filter-padding-x;
-            }
-        }
     }
 
 }