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

package/scss/common/_loading.scss

@@ -1,140 +0,0 @@
-@include exports( "common/loading" ) {
-
-    // Loading mask
-    .k-loading-mask,
-    .k-loading-image,
-    .k-loading-color {
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        position: absolute;
-        top: 0;
-        left: 0;
-
-        *,
-        *::before,
-        *::after,
-        &::before,
-        &::after {
-            box-sizing: border-box;
-        }
-    }
-
-    .k-loading-mask {
-        z-index: $zindex-loading;
-
-        &.k-opaque {
-            .k-loading-color {
-                opacity: 1;
-            }
-        }
-    }
-    .k-loading-text {
-        text-indent: -4000px;
-        text-align: center;
-        position: absolute;
-        color: $loading-text;
-    }
-    .k-loading-image {
-        z-index: 2;
-        color: $loading-text;
-    }
-    .k-loading-color {
-        background-color: $loading-bg;
-        opacity: $loading-opacity;
-    }
-
-    // Loading indicator
-    .k-i-loading {
-        position: relative;
-        background-color: transparent;
-        box-sizing: border-box;
-        color: $loading-text;
-
-        &::before,
-        &::after {
-            box-sizing: border-box;
-        }
-    }
-
-    .k-i-loading::before,
-    .k-i-loading::after,
-    .k-loading-image::before,
-    .k-loading-image::after {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        display: inline-block;
-        content: "";
-        box-sizing: inherit;
-        border-radius: 50%;
-        border-width: .05em;
-        border-style: solid;
-        border-color: currentColor;
-        border-top-color: transparent;
-        border-bottom-color: transparent;
-        background-color: transparent;
-    }
-
-    .k-icon.k-i-loading::before,
-    .k-icon.k-i-loading::after {
-        content: "";
-    }
-
-    .k-i-loading::before,
-    .k-loading-image::before {
-        margin-top: -.5em;
-        margin-left: -.5em;
-        width: 1em;
-        height: 1em;
-        animation: k-loading-animation .7s linear infinite;
-    }
-
-    .k-i-loading::after,
-    .k-loading-image::after {
-        margin-top: -.25em;
-        margin-left: -.25em;
-        width: .5em;
-        height: .5em;
-        animation: k-loading-animation reverse 1.4s linear infinite;
-    }
-
-    .k-loading-image::before,
-    .k-loading-image::after {
-        content: "";
-        // See https://github.com/telerik/kendo-themes/issues/1925
-        border-width: 1px; // TODO: Remove once we drop IE support
-        border-width: clamp( .015em, 1px, 1px ); // sass-lint:disable-line no-duplicate-properties
-        font-size: 4em;
-    }
-}
-
-
-@include exports("common/loading/animations") {
-
-    @keyframes loading {
-        0% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 502;
-        }
-
-        50% {
-            stroke-dasharray: 250 1;
-        }
-
-        100% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 0;
-        }
-    }
-
-    @keyframes k-loading-animation {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-
-}

package/scss/core/_asp-fallback.scss

@@ -1,8 +0,0 @@
-@include exports( "core/asp-fallback" ) {
-
-    .k-theme-test-class,
-    .k-common-test-class {
-        opacity: 0;
-    }
-
-}

package/scss/core/_color-system.scss

@@ -1,56 +0,0 @@
-// Color constants
-$black: #000000; // stylelint-disable-line scss/dollar-variable-default
-$white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
-
-$rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line scss/dollar-variable-default
-
-$gradient-transparent-to-black: rgba( black, 0), black; // stylelint-disable-line scss/dollar-variable-default
-$gradient-transparent-to-white: rgba( white, 0), white; // stylelint-disable-line scss/dollar-variable-default
-$gradient-black-to-transparent: black, rgba( black, 0); // stylelint-disable-line scss/dollar-variable-default
-$gradient-white-to-transparent: white, rgba( white, 0); // stylelint-disable-line scss/dollar-variable-default
-
-$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
-
-
-$palettes: (
-
-    gray: (
-        50:  #fafafa, // rgba( black, .02 )
-        100: #f5f5f5, // rgba( black, .04 )
-        200: #ebebeb, // rgba( black, .08 )
-        300: #e0e0e0, // rgba( black, .12 )
-        400: #d6d6d6, // rgba( black, .16 )
-        500: #cccccc, // rgba( black, .20 )
-        600: #8f8f8f, // rgba( black, .44 )
-        700: #666666, // rgba( black, .60 )
-        800: #424242, // rgba( black, .74 )
-        900: #292929  // rgba( black, .84 )
-    )
-
-) !default;
-
-
-// Text colors for light themes
-$primary-text-on-light: #424242 !default;
-$secondary-text-on-light: #666666 !default;
-$tertiary-text-on-light: "" !default;
-$placeholder-text-on-light: #666666 !default;
-$disabled-text-on-light: #8f8f8f !default;
-
-
-// Text colors for dark themes
-$primary-text-on-dark: "" !default;
-$secondary-text-on-dark: "" !default;
-$tertiary-text-on-dark: "" !default;
-$placeholder-text-on-dark: "" !default;
-$disabled-text-on-dark: "" !default;
-
-
-// Color system functions
-@function get-base-palette($name) {
-    @return map-get( $palettes, $name );
-}
-
-@function get-base-hue($palette, $hue) {
-    @return map-get( get-base-palette( $palette ), $hue );
-}

package/scss/core/_extra.scss

@@ -1,26 +0,0 @@
-@include exports( "core/extra" ) {
-
-    // Hidden
-    .k-hidden {
-        display: none !important; // sass-lint:disable-line no-important
-    }
-
-
-    // RTL
-    .k-rtl {
-        direction: rtl;
-    }
-
-
-    /// @name k-sr-only
-    /// @description This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.
-    /// @group extra
-    .k-sr-only {
-        position: absolute;
-        left: -1px;
-        width: 1px;
-        height: 1px;
-        overflow: hidden;
-    }
-
-}

package/scss/core/_layout.scss

@@ -1,68 +0,0 @@
-@include exports( "core/layout" ) {
-
-    // Basic layout
-    .k-hbox,
-    .k-hstack {
-        display: flex;
-        flex-flow: row nowrap;
-    }
-
-    .k-vbox,
-    .k-vstack {
-        display: flex;
-        flex-flow: column nowrap;
-    }
-
-    .k-flex,
-    .k-spacer {
-        flex: 1 0 0%;
-    }
-
-
-    // Stack layout
-    .k-stack-layout {}
-
-
-    // Flex layout
-    .k-flex-layout {
-        display: flex;
-    }
-
-
-    // Grid layout
-    .k-grid-layout {
-        display: grid;
-    }
-
-
-    // Separator
-    .k-separator {
-        width: auto;
-        height: 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: inherit;
-        display: block;
-        flex-grow: 0 !important; // sass-lint:disable-line no-important
-        flex-shrink: 0 !important; // sass-lint:disable-line no-important
-        align-self: stretch;
-    }
-    .k-separator-horizontal,
-    .k-vstack > .k-separator {
-        width: auto;
-        height: 0;
-        border-width: 1px 0 0;
-    }
-    .k-separator-vertical,
-    .k-hstack > .k-separator {
-        width: 0;
-        height: auto;
-        border-width: 0 0 0 1px;
-    }
-
-    hr.k-separator {
-        margin: 0;
-        padding: 0;
-    }
-
-}

package/scss/core/_normalize.scss

@@ -1,15 +0,0 @@
-@include exports( "core/normalize" ) {
-
-    // Hidden attribute
-    [hidden] {
-        display: none !important; // sass-lint:disable-line no-important
-    }
-
-
-    // Hide script tags
-    // see https://github.com/telerik/kendo-themes/issues/2360
-    script {
-        display: none !important; // sass-lint:disable-line no-important
-    }
-
-}