@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.2

package/scss/utils/_transform.scss

@@ -1,105 +0,0 @@
-@include exports( "utils/transform" ) {
-
-    // stylelint-disable block-opening-brace-space-before
-
-    // Flip
-
-    /// This is equivalent to `transform: scaleX( -1 );`. Flips the element horizontally.
-    /// @name .k-flip-h
-    /// @group transform
-    .k-flip-h               { transform: scaleX( -1 ); }
-    /// This is equivalent to `transform: scaleY( -1 );`. Flips the element vertically.
-    /// @name .k-flip-v
-    /// @group transform
-    .k-flip-v               { transform: scaleY( -1 ); }
-    .k-flip-h.k-flip-v      { transform: scale( -1, -1 ); }
-
-
-    // Rotate
-
-    /// This is equivalent to `transform: rotate( 45deg );`. Rotates the element by 45 degrees.
-    /// @name .k-rotate-45
-    /// @group transform
-    .k-rotate-45            { transform: rotate( 45deg ); }
-    /// This is equivalent to `transform: rotate( 90deg );`. Rotates the element by 90 degrees.
-    /// @name .k-rotate-90
-    /// @group transform
-    .k-rotate-90            { transform: rotate( 90deg ); }
-    /// This is equivalent to `transform: rotate( 135deg );`. Rotates the element by 135 degrees.
-    /// @name .k-rotate-135
-    /// @group transform
-    .k-rotate-135           { transform: rotate( 135deg ); }
-    /// This is equivalent to `transform: rotate( 180deg );`. Rotates the element by 180 degrees.
-    /// @name .k-rotate-180
-    /// @group transform
-    .k-rotate-180           { transform: rotate( 180deg ); }
-    /// This is equivalent to `transform: rotate( 225deg );`. Rotates the element by 225 degrees.
-    /// @name .k-rotate-225
-    /// @group transform
-    .k-rotate-225           { transform: rotate( 225deg ); }
-    /// This is equivalent to `transform: rotate( 270deg );`. Rotates the element by 270 degrees.
-    /// @name .k-rotate-270
-    /// @group transform
-    .k-rotate-270           { transform: rotate( 270deg ); }
-    /// This is equivalent to `transform: rotate( 315deg );`. Rotates the element by 315 degrees.
-    /// @name .k-rotate-315
-    /// @group transform
-    .k-rotate-315           { transform: rotate( 315deg ); }
-
-
-    // Scale
-
-    /// This is equivalent to `transform: scale( 0, 0 );`. The element is shrunk and no longer visible.
-    /// @name .k-scale-0
-    /// @group transform
-    .k-scale-0              { transform: scale( 0, 0 ); }
-    /// This is equivalent to `transform: scale( 1, 1 );`. The element has its default scale.
-    /// @name .k-scale-1
-    /// @group transform
-    .k-scale-1              { transform: scale( 1, 1 ); }
-    /// This is equivalent to `transform: scale( 2, 2 );`. The element is scaling two times in both directions.
-    /// @name .k-scale-2
-    /// @group transform
-    .k-scale-2              { transform: scale( 2, 2 ); }
-
-
-    // Translate
-
-    /// This is equivalent to `transform: translate( 0, 0 );`. The element does not move.
-    /// @name .k-translate-0
-    /// @group transform
-    .k-translate-0          { transform: translate( 0, 0 ); }
-    /// This is equivalent to `transform: translate( 0, 50% );`. The element moves vertically by 50% of its height.
-    /// @name .k-translate-0-50
-    /// @group transform
-    .k-translate-0-50       { transform: translate( 0, 50% ); }
-    /// This is equivalent to `transform: translate( 0, 100% );`. The element moves vertically by 100% of its height.
-    /// @name .k-translate-0-100
-    /// @group transform
-    .k-translate-0-100      { transform: translate( 0, 100% ); }
-    /// This is equivalent to `transform: translate( 50%, 0 );`. The element moves horizontally by 50% of its width.
-    /// @name .k-translate-50-0
-    /// @group transform
-    .k-translate-50-0       { transform: translate( 50%, 0 ); }
-    /// This is equivalent to `transform: translate( 50%, 50% );`. The element moves horizontally by 50% of its width and vertically by 50% of its height.
-    /// @name .k-translate-50-50
-    /// @group transform
-    .k-translate-50-50      { transform: translate( 50%, 50% ); }
-    /// This is equivalent to `transform: translate( 50%, 100% );`. The element moves horizontally by 50% of its width and vertically by 100% of its height.
-    /// @name .k-translate-50-100
-    /// @group transform
-    .k-translate-50-100     { transform: translate( 50%, 100% ); }
-    /// This is equivalent to `transform: translate( 100%, 0 );`. The element moves horizontally by 100% of its width.
-    /// @name .k-translate-100-0
-    /// @group transform
-    .k-translate-100-0      { transform: translate( 100%, 0 ); }
-    /// This is equivalent to `transform: translate( 100%, 50% );`. The element moves horizontally by 100% of its width and vertically by 50% of its height.
-    /// @name .k-translate-100-50
-    /// @group transform
-    .k-translate-100-50     { transform: translate( 100%, 50% ); }
-    /// This is equivalent to `transform: translate( 100%, 100% );`. The element moves horizontally by 100% of its width and vertically by 100% of its height.
-    /// @name .k-translate-100-100
-    /// @group transform
-    .k-translate-100-100    { transform: translate( 100%, 100% ); }
-
-}

package/scss/utils/_user-select.scss

@@ -1,51 +0,0 @@
-@include exports( "utils/user-select" ) {
-
-    // User-select documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/user-select.
-
-    /// This is equivalent to `user-select: none;`. The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.
-    /// @name .k-user-select-none
-    /// @group user-select
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `user-select: auto;`. This is the default value of the `user-select` property.
-    /// @name .k-user-select-auto
-    /// @group user-select
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `user-select: text;`. The text can be selected by the user.
-    /// @name .k-user-select-text
-    /// @group user-select
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `user-select: all;`. The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants.  If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.
-    /// @name .k-user-select-all
-    /// @group user-select
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `user-select: contain;`. Enables selection to start within the element; however, the selection will be contained by the bounds of that element.
-    /// @name .k-user-select-contain
-    /// @group user-select
-    /// @contextType css
-    _ {}
-
-    // User select utility classes
-    $utils-user-select: (
-        none,
-        auto,
-        text,
-        all,
-        contain
-    ) !default;
-
-    @if $utils-user-select {
-        @each $user-select in $utils-user-select {
-            // sass-lint:disable-block no-important
-            .k-user-select-#{$user-select} { user-select: $user-select !important; }
-        }
-    }
-
-}